1. 程式人生 > >CSS設定html table表格邊框樣式

CSS設定html table表格邊框樣式

之前就有些迷糊

table tr行 th表頭
td表格單元
th會預設加粗顯示

1.只對table標籤設定紅色邊框樣式 */

able-a table{border:1px solid #333} 

這裡寫圖片描述

2、對td設定邊框

表格中間出現雙邊框

這裡寫圖片描述

3.對table和td技巧性設定表格邊框 [防止雙邊框出現]

解決方法:只對table td設定左與上邊框,對table設定右與下邊框;

解釋:對td設定左與上邊框,這樣td與td相鄰就會只出現單一邊框樣式,這樣就會出現表格右側和下部沒有邊框,這個時候我們設定table右和下 邊框解決顯示右側和下側td剩下未顯示邊框。
這裡寫圖片描述