表格中border屬性的用法
作者：佚名 時(shí)間：2012-10-18 分享到：
邊框可以說是表格最常見的樣式之一,仿佛沒有邊框的表格不能算是一個(gè)真正的表格.
相信各位網(wǎng)頁設(shè)計(jì)師已經(jīng)想到盒模型的border屬性了,首先給table添加border屬性:
table{border:1px solid black;}
加上這句樣式的網(wǎng)頁中,所以的表格都會(huì)有一個(gè)表格邊框,但是大家要注意這個(gè)邊框只應(yīng)用在表格的最外側(cè),而內(nèi)部的單元格之間沒有邊框.
通過表格內(nèi)部各個(gè)單元格之間要用線框分隔開,table的border屬性并沒有起到作用,于是我們嘗試再給表頭th元素和單元格td元素添加border屬性.
th,td{border:1px solid black;}
添加了這樣的代碼,那么整個(gè)表格都會(huì)被線隔開,效果比較好.大家可以嘗試用一下.
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/hynews/20151126/n2584.html
