我們為大家收集整理了關於html表格邊框,以方便大家參考。對於很多初學HTML的人來說,表格是最常用的標簽了,但對於表格邊框的控制,很多初學者卻不甚其解。
一般我們用表格的時候總會給它個border屬性,比如:
,其效果如下:
ID NAME GENDER
1001 mike male
可以發現表格的邊框好像很寬,當然這裡的“很寬”絕對不是表格border的寬,大家看到的寬應該是
之間有間隙所致。因此只需要修改表格的cellspacing屬性即可,即:,效果如下:
ID NAME GENDER
1001 mike male
但是,好像寬度還是沒有我們想象的那樣:只有一個像素的寬,其實,上圖大家看到的其實是兩個像素的寬,為什麼呢,這是因為
之間的邊框沒有重合所致。修改表格的border-collapse屬性即可,
即
ID NAME GENDER
1001 mike male
再給表格加個顏色,
ID NAME GENDER
1001 mike male
希望大家可以學會html表格邊框想了解更多精彩內容,請關注我們的網站!
相關推薦:
html表格背景色怎麼設置