หน้าแรก  Help1 แจ้งข้อแนะนำ
การกำหนดสีกรอบตาราง

สำหรับสมาชิก THTWEB ที่สอบถามเรื่องวิธีการกำหนดสีกรอบตาราง เพื่อเพิ่มสีสรร และความสวยงามให้กับเว็บไซต์ วันนี้เรามีวิธีมาแนะนำกันครับ เพื่อให้สมาชิกทุกท่าน สร้างสรรงานได้เต็มที่

วิธีกำหนดสีกรอบตาราง

 

1. ทำได้ 2 วิธี ดังภาพด้านล่าง ทั้ง2

 

  • วิธีแก้ไข แบบที่ 1 : คลิ๊กที่ขอบตารางที่ต้องการจะกำหนดสี เส้นนอก (สังเกตุ พอคลิ๊กแล้ว ตารางที่ต้องการ จะมีจุด 8 จุด รอบๆ)

    แล้วคลิ๊กที่ ไอคอนCSS
  • วิธีแก้ไข แบบที่ 2 : คลิ๊กขวา ในช่อง เพื่อเรียกเมนูลัด

    จากนั้นเลือก TABLE Style Sheet Css
2. กำหนด สีขอบตาราง (เส้นรอบนอก แบบตารางด้านล่างนี้)
หรือ รูปแบบขอบตาราง และความหนาเส้นขอบตาราง ตามที่ต้องการ

ตัวอย่างตารางด้านล่างนี้

กำหนด bordercolor : #DEDE04

borderStyle : solid

และ borderWidth : 2

สีพื้นหลัง คลิ๊กที่เพื่อกำหนดสีพื้นหลังตาราง หรือเซลล์ช่องนั้น
สีเส้นขอบ (เลข 3) คลิ๊กที่เพื่อกำหนดสีขอบตาราง นอกสุด
borderStyle :
รูแปบบขอบตาราง
(เลข 4)
none ไม่มีขอบ borderWidth :
ความหนาขอบตาราง
(เลข 5)
none ไม่หนา
solid เส้นทึบ

1 - 4
น้อย - มาก

dashed เส้นปะ




การกำหนดสีในช่อง ที่อยู่ภายในตาราง

1. คลิ๊กเมาส์ขวาในช่อง เพื่อเรียกเมนูลัด

2. เลือกเมนู TD Style Sheet Css

3. หน้าต่าง Edit/Insert Css

ดังตารางด้านล่างนี้คอลัมภ์ขวา : กำหนดสีขอบ ของในแต่ละช่อง

  • bgcolor : #f4f4f4
  • bordercolor : #F79646
  • borderStyle : solid
  • และ borderWidth : 1

ทำทุกช่อง ทางคอลัมภ์ด้านขวา

สีพื้นหลังคลิ๊กที่เพื่อกำหนดสีพื้นหลังตาราง หรือเซลล์ช่องนั้น
สีเส้นขอบคลิ๊กที่เพื่อกำหนดสีขอบตาราง นอกสุด
borderStyle :
รูแปบบขอบตาราง
noneไม่มีขอบborderWidth :
ความหนาขอบตาราง
none ไม่หนา
solidเส้นทึบ

1 - 4
น้อย - มาก

dashedเส้นปะ


 

Play แล้วกด ปุ่ม Pause เพื่อรอให้โหลดหมดก่อน จะได้ไม่สะดุด


เมนูที่เกี่ยวข้อง

คู่มือการใช้งาน
คู่มือโปรแกรมสำเร็จรูป
วิธีสร้างระบบสมาชิก
ฟอร์มสำเร็จรูป
ของแต่งเว็บไซต์ บทความทั่วไป การโปรโมทเว็บไซต์ ทริปแนะนำ
THTWEB MANUAL คู่มือการใช้งานเว็บไซต์