การใช้อย่างมหัศจรรย์ของคำอธิบายโดยละเอียดของตาราง DreamWeaver ของการผลิตโครงร่าง (3)

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-05-30 18:36:25

2> การผลิตเส้นขอบแบบบาง

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

ดังที่เราทุกคนทราบกันดีว่าเส้นขอบบาง ๆ ดูเหมือนตารางธรรมดาที่มี 1 แถวและ 1 คอลัมน์ ดังนั้นเราสามารถตั้งค่าเส้นขอบของวัตถุตารางเป็น 1 ได้หรือไม่ โปรดดูผลการผลิตด้านล่าง:

ในทำนองเดียวกัน แทรกตารางแถวเดียวและคอลัมน์เดียวที่ตำแหน่งที่ระบุในหน้าเว็บ ใช้เมาส์เพื่อคลิกส่วนใดส่วนหนึ่งของกรอบด้านนอกของตารางเพื่อเลือก คุณยังสามารถตั้งค่า "CellPad" อื่นได้ในเวลาเดียวกัน " และ "CellSpace" ถูกตั้งค่าเป็นศูนย์ ดังแสดงในรูป:

ภาพประกอบของเอฟเฟกต์ต่างๆ ในสถานะแสดงตัวอย่าง:

จากภาพประกอบข้างต้น ไม่ยากที่จะเห็นว่าการตั้งค่าเส้นขอบเป็น 1 จะไม่สามารถบรรลุผลได้ มาดูวิธีทำให้ได้ความละเอียดที่ต้องการผ่านการตั้งค่า "อันชาญฉลาด" ของตารางกัน

นอกจากนี้ในตารางด้านบน ให้ตั้งค่า "border" และ "cellpad" ในแผงคุณสมบัติเป็น "0" และตั้งค่า "cellspace" เป็น "1" โปรดทราบว่า "Cellspace" หมายถึงระยะห่างระหว่างเซลล์ ตามที่แสดงในภาพ

ตั้งค่า "Bgcolor" ของตารางเป็น "สีแดง" และตั้งค่า "Bgcolor" ของเซลล์ให้เป็นสีพื้นหลังของหน้าเว็บเดียวกัน - "สีขาว" เอฟเฟกต์การแสดงตัวอย่างมีดังนี้:

เพื่อให้ทุกคนเข้าใจได้ง่ายขึ้น ผู้เขียนจะอธิบายไว้ตรงนี้เล็กน้อย ในหมู่พวกเขาเราได้ตั้งค่า "CellSpace" เป็น 1 เมื่อตั้งค่าสีพื้นหลังของตาราง ส่วนนี้จะถูกรวมไว้อย่างไม่ต้องสงสัย การตั้งค่าเซลล์ที่ตามมาเพียงแค่ "ทิ้ง" ลง วิธีนี้จะส่งเสริมเอฟเฟ็กต์การแสดงผล ดังนั้นการเปลี่ยนสีพื้นหลังของตารางก็จะเปลี่ยนสีของเส้นขอบด้วย