การใส่สี Background, Border ให้กับตาราง จัดทำโดย : Mr.GuruZ พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------

ความต่อจากบทเรียนที่แล้ว การใส่สีให้กับตารางเป็นส่วนประกอบหนึ่งที่ทำให้เว็บเราดูหน้าสนใจในเนื้อหาต่างๆ ที่เราใส่ลงไป นอกจากที่เราจะรู้จักการใส่สีแล้วเราควรจะรู้จักองค์ประกอบของสีด้วย เพื่อให้สีที่เราใช้นั้นดูสบายตา +_+

การใส่สี Background ลงใน Cell ของตาราง

1.> ให้เราสร้างตารางที่เราต้องการใส่สีขึ้นมาก่อน ตัวอย่างดังภาพ

2.> หลังจากที่เราสร้างตารางเสร็จแล้ว ถ้าเราต้องการใส่สี Background ให้กับ Cell ต่างๆ ให้เรา Click เลือกที่ Cell ที่เราต้องการใส่สีล้วเลือกสีจาก Properties ที่หัวข้อ Bg ดังภาพ


3.> หลังจากที่เราเลือกสีที่เราต้องการ สีนั้นก็จะถูกใส่ลงไปในตาราง ดังภาพ




ทดลองใส่หลายๆ ช่องดู


การใส่สี Background ให้กับตาราง

//ทำความเข้าใจ การใส่สีให้กับตารางนั้นจะต่างจาก Cell ตรงที่ว่าสีที่เราใส่ลงไปจะถูกเทลงใน Cell ตารางทุกช่อง

1.>
*ความเดิม หลังจากที่เราสร้างตารางแล้วให้เรา Click ที่ขอบของตาราง แล้วเลือกสีจาก Properties หัวข้อ Bg ดังภาพ


2.> หลังจากที่เราได้ทำการเลือกสีแล้ว สีจะถูกเทลงในตารางทั้งหมดที่เราเลือ

Tip
- แต่เรายังสามารถใส่สีลงใน Cell ต่างได้เหมือนเดิมเพียงนำขั้นตอนแรกมาประยุกต์




ลองประยุกต์ใส่สีที่ Cell


3.> เป็นอย่างไรบ้างครับยาวไปหน่อย แต่หวังว่าเพื่อนๆ คงนำไปใช้ได้นะครับ :-)

คุณอาจสนใจ
การทำภาพจิกซอร์ จาก photoshop
Tung (162,591 - 23 ธ.ค. 50)
การใส่ Header และ Footer
หมูขุน (28,117 - 04 ก.พ. 50)
USB Flash Drive Manager
เว็บไทยดีดี (25,260 - 03 พ.ค. 51)
การใช้แบบฟอร์ม Title&Only และ Blank
หมูขุน (12,353 - 04 ก.พ. 50)
การเขียนคำสั่ง PHP ร่วมกับ Java Script
Mr.GuruZ (71,649 - 31 ก.ค. 49)
ปรับแต่ง Sidebar (Vista)
สายลม (16,624 - 26 เม.ย. 51)
การทำตัวอักษรเลนส์นูน
Black-Hawk (66,384 - 21 ม.ค. 51)
การใช้งาน String Class (ตอนที่ 1)
Mr.POP (54,680 - 05 พ.ย. 49)