首頁 > web前端 > html教學 > HTML表格邊框的控制實作程式碼_HTML/Xhtml_網頁製作

HTML表格邊框的控制實作程式碼_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:42:35
原創
1807 人瀏覽過

一般我們用表格的時候總是會給它一個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
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板