ผู้แต่ง: Gu Yanying
แทรกตารางใน Dreamweaver หากคุณตั้งค่า "เส้นขอบ" เป็น 1 เส้นขอบจะหนาขึ้นเมื่อดูตัวอย่าง สำหรับผู้สร้างเว็บเพจที่ไม่คุ้นเคยกับภาษา HTML จะสร้างตารางที่มีขอบบางได้อย่างรวดเร็วได้อย่างไร? ต่อไป ฉันจะแนะนำเคล็ดลับเล็กๆ น้อยๆ ให้กับคุณ - ใช้สีพื้นหลังและระยะห่างอย่างชาญฉลาดเพื่อสร้างตารางที่มีขอบบาง
ยกตัวอย่างการสร้างตารางที่มี 4 แถว 3 คอลัมน์ และมีเส้นขอบสีแดงบางๆ เป็นตัวอย่าง:
ขั้นตอนที่ 1 แทรกตารางที่มี 4 แถว 3 คอลัมน์ในมุมมองการออกแบบของ Dreamweaver
ขั้นตอนที่ 2 ตั้งค่าคุณสมบัติของตารางนี้ในแผง "คุณสมบัติ" ดังนี้ ระยะขอบ (CellPad) ตั้งค่าตามต้องการ (เช่น 10) ระยะห่าง (CellSpace) คือ 1; เส้นขอบ (เส้นขอบ) คือ 0; Bg Color) เป็นสีแดง
ขั้นตอนที่ 3 เลือกเซลล์ทั้งหมดในตารางนี้ และตั้งค่าคุณสมบัติของเซลล์ทั้งหมดในแผง "คุณสมบัติ" ดังนี้ สีพื้นหลัง (Bg) เป็นสีอื่นที่ไม่ใช่สีขาวหรือสีแดง
สุดท้าย ให้บันทึกหน้าเว็บแล้วกด F12 เพื่อดูตัวอย่าง แล้วตารางเส้นสีแดงบางๆ ที่มี 4 แถว 3 คอลัมน์ปรากฏอยู่ตรงหน้าคุณล่ะ?
นอกจากนี้ หากเราต้องการใช้ตารางในการจัดวางและการวางตำแหน่งตามปกติ แต่ตราบใดที่เส้นขอบด้านนอกแสดงเป็นเส้นบางๆ และไม่มีการแสดงตัวแบ่งเซลล์ภายใน เราก็สามารถใช้ตารางที่ซ้อนกันได้ ต่อไปนี้ใช้เส้นสีแดงบางๆ เป็นเส้นขอบด้านนอกของตารางเป็นตัวอย่างเพื่อแสดงวิธีดำเนินการ
ขั้นตอนที่ 1 แทรกตารางที่มี 1 แถวและ 1 คอลัมน์ในมุมมองการออกแบบของ Dreamweaver
ขั้นตอนที่ 2 ตั้งค่าคุณสมบัติของตารางนี้ในแผง "คุณสมบัติ" ดังต่อไปนี้: "ระยะขอบ" ถูกตั้งค่าตามต้องการ (เช่น 5) "ระยะห่าง" คือ 1 "เส้นขอบ" คือ 0 "สีพื้นหลัง"
ขั้นตอนที่ 3 เลือกเซลล์เดียวของตารางนี้ และตั้งค่า "สีพื้นหลัง" ของเซลล์นี้เป็นสีอื่นที่ไม่ใช่สีขาวหรือสีแดงในแผง "คุณสมบัติ"
ขั้นตอนที่ 4 วางเคอร์เซอร์ในตารางด้วย 1 แถวและ 1 คอลัมน์ และแทรกตารางที่ซ้อนกันหลายแถวและคอลัมน์ตามต้องการ "เส้นขอบ" ของตารางที่ซ้อนกันนี้จะต้องตั้งค่าเป็น 0 และ "ระยะขอบ" และ "ระยะห่าง " สามารถตั้งค่าหรือไม่ตั้งค่าได้ตามต้องการ ส่วนคุณสมบัติอื่นๆ อาจไม่สามารถตั้งค่าได้
ด้วยวิธีนี้ เราสามารถแทรกข้อความ รูปภาพ และองค์ประกอบหน้าเว็บอื่นๆ ลงในเซลล์ต่างๆ ของตารางที่ซ้อนกันได้
คุณถูกล่อลวงเล็กน้อย? ลองตอนนี้!