เทคนิคการสร้างตารางแบบจุดไข่ปลา จัดทำโดย : Mr.GuruZ พิมพ์
 Untitled Document

เทคนิคการสร้างตารางแบบจุดไข่ปลา  หลายๆ ครั้งเห็นบางคนถามว่าเราจะสร้างได้อย่างไร หรือต้องใส่ background หรือเปล่า คิดไปคิดมาปวดหัว มาดูวิธีการสร้างแบบนี้ดีกว่าง่ายเพียงปลายนิ้ว เทคนิคนี้เราจะนำ CSS Style มาประยุกต์ใช้เข้ากับตาราง มาดูขั้นตอนการทำ

ขั้นตอนการทำ
1. อันดับแรกแน่นอนคุณจะต้องสร้างตารางขึ้นมาก่อน ตามขนาดที่คุณต้องการ แต่รูปแบบให้กำหนดดังภาพตัวอย่าง หลังจากที่เรากด ok แล้วเราจะได้ตารางขึ้นมา แบบไม่มีเส้นขอบ และระยะห่างของขอบ

2. หลังจากนั้นเรามาสร้าง CSS Style แบบจุดไข่ปลา เพื่อนำไปใช้กับตารางอีกที โดยลำดับ ตามภาพ





3. สร้างกันได้ไหมเอ่ย ถ้าไม่ได้ก็นำโค้ดนี้ไปวางที่ Head ได้เลย

<style type="text/css">
<!--
.border {
border: 1px dotted #000000;
}
-->
</style>

4. ถ้าสร้างได้แล้ว เราก็นำ CSS Style มาใส่ที่ตาราง โดยให้เราคลิดขวาที่ตารางแล้วเลือก Css ที่เราสร้างได้เลย

5. หลังจากนั้นก็ลอง Preview ดูว่าได้ผลตามที่เราต้องการหรือไม่ ขอให้สนุกกับการทำเว็บ

 

คุณอาจสนใจ
การระบายสีภาำพโดยใช้เครื่องมือ Brush Tool
น้องฝ้าย (76,292 - 22 ก.ย. 50)
การลบคำ หรือข้อความ
นายนุก (26,751 - 22 ก.พ. 51)
การใส่ขอบสีให้กับตัวอักษร
Mr.GuruZ (42,080 - 27 มิ.ย. 49)
การเปลี่ยนสีตัวอักษรใน PHP
Mr.GuruZ (80,560 - 03 มิ.ย. 49)
เล่นโปรแกรม Winamp แล้วเสียงกระตุกแก้อย่างไร
เว็บไทยดีดี (17,131 - 29 ก.ย. 50)
ฟังก์ชัน printf()และ scanf()
Mr.POP (112,703 - 26 พ.ย. 50)
แฟลชไดรฟ์กับ Windows 98
เว็บไทยดีดี (15,439 - 22 ก.ย. 50)
การใช้คำสั่ง Checkdate
Mr.GuruZ (27,058 - 03 มิ.ย. 49)