• 請(qǐng)你設(shè)計(jì)出以下圖片里的這個(gè)樣式的表格

• 步驟：

我先來(lái)制作一個(gè)兩行兩列的表格

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

2.將table里的cellspacing設(shè)置成0

　　　　　

外邊距是不見(jiàn)了，但是和我們想要完成的圖片有一定的差距，我們發(fā)現(xiàn)這樣做出來(lái)的圖片好像是兩條線合并到了一起一樣，實(shí)際上確實(shí)是兩條線合并到了一起的，它是將每個(gè)單元格的邊距和表格的邊距重疊到了一起才有的這個(gè)圖形。所以應(yīng)該在這里添加一段注釋，如下圖

• 那我們應(yīng)該怎么做呢？

現(xiàn)在我們要學(xué)一個(gè)全新的屬性，將table標(biāo)簽里的屬性全部刪除

? ? ? ? ?

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

? ? ??

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

? ? ?

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

? ? ?

• 細(xì)線表格的制作方式：

給table標(biāo)簽設(shè)置bgcolor

給tr標(biāo)簽設(shè)置bgcolor

給table標(biāo)簽設(shè)置cellspacing=“1px”

注意點(diǎn)：

table標(biāo)簽和tr標(biāo)簽以及td標(biāo)簽都支持bgcolor屬性

? ? ? ??

2.但是以上內(nèi)容僅僅作為了解，因?yàn)闃邮揭院蠖际峭ㄟ^(guò)css來(lái)控制

本文轉(zhuǎn)載于:猿2048?https://www.mk2048.com/blog/blog.php?id=kj2ihaa&title=課時(shí)39.細(xì)線表格（理解）

總結(jié)

以上是生活随笔為你收集整理的课时39.细线表格（理解）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。