เกี่ยวกับวิธีการทำตารางเส้นบาง ๆ นี้ Baidu อาจมีคำตอบที่จะบอกให้คุณตั้งค่าเหล่านี้: ตั้งค่า border = 0 cellpacing = 1 bgcolor =#990033 สำหรับตารางและตั้งค่าสีพื้นหลังแยกต่างหากสำหรับเซลล์ตัวอย่างเช่น: bgColor =#fff อย่างไรก็ตามอาจไม่มีคำอธิบายโดยละเอียดว่าทำไมค่าเหล่านี้จึงถูกตั้งค่า!
ดังนั้นวันนี้ฉันก็นึกถึงการบันทึกหลักการของตารางเส้นบาง ๆ นี้ มันเป็นเพราะฉันสอนบทเรียนพื้นฐานของนักเรียนในทุกวันนี้ นักเรียนไม่เข้าใจหลักการของตารางเส้นบางนี้เป็นอย่างดีดังนั้นหากคุณต้องการเริ่มต้นคุณอาจพบปัญหาที่คล้ายกันดังนั้นที่นี่ฉันจะพูดถึงสาเหตุที่ค่าเหล่านี้ถูกตั้งค่า
ก่อนอื่นมาดูเอฟเฟกต์เมื่อตั้งค่าของเส้นขอบตารางเป็น 1 แม้ว่าเส้นขอบ = 1 และระยะห่างระหว่างเซลล์ระยะห่างของเซลล์ = 0 ความหนาของตารางยังคงดูหยาบ:
ลองมาดูกันว่าเอฟเฟกต์เกิดจากการสร้างตารางเส้นบาง ๆ :
ในทางตรงกันข้ามตารางที่อยู่ด้านหลังมีการกลั่นกรองมากขึ้น
ตอนนี้ฉันจะสรุปขั้นตอนในการทำตารางเส้นบาง ๆ :
ขั้นตอนในการสร้างตารางเส้นบาง ๆ :
การวิเคราะห์: สีพื้นหลังของตารางเป็นเส้นบาง ๆ ที่ดูเหมือนในรูปแบบภาพเพราะเราตั้งเส้นขอบเป็น 0 และระยะห่างระหว่างเซลล์ถูกตั้งค่าเป็น 1 จากนั้นสีพื้นหลังของตารางคือสีที่เปิดเผยผ่านช่องว่างของพิกเซลนี้ ตั้งค่าสีพื้นหลังของเซลล์เพื่อแยกความแตกต่างจากสีพื้นหลังของตาราง เพื่อความเข้าใจที่ดีขึ้นฉันจะใช้รูปภาพเพื่อวิเคราะห์ที่นี่:
1. สมมติว่าเส้นขอบตารางต่อไปนี้ = 1 จะแสดงดังนี้:
2. เมื่อการเว้นระยะห่างของเซลล์ถูกตั้งค่า cellpacing = 0, ขอบ 1 พิกเซลสองอันอยู่ติดกันและเส้นขอบจะปรากฏหนา:
ดังนั้นเอฟเฟกต์เส้นบาง ๆ จึงไม่สามารถตั้งค่าได้โดยเส้นขอบ = 1
จากนั้นเราใช้วิธีการบาง ๆ เพื่อสร้างหลักการต่อไปนี้:
หากบทความนี้มีประโยชน์สำหรับคุณโปรดแนะนำ
ที่อยู่ดั้งเดิม: http://www.cnblogs.com/xcaocao/p/5643351.html