• 請你設計出以下圖片里的這個樣式的表格

• 步驟：

1. 我先來制作一個兩行兩列的表格

? ? ? ? ? ? ? ? ? ? ?? ? ?

2.將table里的cellspacing設置成0

　　　　　

外邊距是不見了，但是和我們想要完成的圖片有一定的差距，我們發現這樣做出來的圖片好像是兩條線合并到了一起一樣，實際上確實是兩條線合并到了一起的，它是將每個單元格的邊距和表格的邊距重疊到了一起才有的這個圖形。所以應該在這里添加一段注釋，如下圖

• 那我們應該怎么做呢？

現在我們要學一個全新的屬性，將table標簽里的屬性全部刪除

? ? ? ? ?

然后我們給表格添加背景顏色

? ? ??

然后我們將第一行tr設置成白色的背景

? ? ?

然后將第二行也設置成白色，并且將cellspacing設置成1px

? ? ?

• 細線表格的制作方式：

1. 給table標簽設置bgcolor
2. 給tr標簽設置bgcolor
3. 給table標簽設置cellspacing=“1px”

注意點：

1. table標簽和tr標簽以及td標簽都支持bgcolor屬性

? ? ? ??

2.但是以上內容僅僅作為了解，因為樣式以后都是通過css來控制

本文轉載于:猿2048?https://www.mk2048.com/blog/blog.php?id=kj2ihaa&title=課時39.細線表格（理解）