CSS中表格的線是指表格邊框和表格內部的分割線,可以通過CSS樣式對其進行控制。
table { border-collapse: collapse; /* 邊框合并為單一線條 */ border-spacing: 0; /* 去除單元格間距 */ } td, th { border: 1px solid #ccc; /* 設置單元格邊框寬度、樣式、顏色 */ padding: 10px; /* 設置單元格內邊距 */ } tr:nth-child(even) { background-color: #f2f2f2; /* 設置表格隔行背景色 */ }
其中,border-collapse: collapse;
是合并表格邊框為單一線條;border-spacing: 0;
是去除單元格的間距,保證表格整齊;border: 1px solid #ccc;
是設置單元格邊框寬度、樣式和顏色,其中的值可以根據需要隨時更改,如設置為border: none;
可以去掉單元格邊框。
padding: 10px;
是設置單元格內部的空白區域,也可以隨時更改為其他數值,如padding: 5px 10px;
可以設置為上下5px、左右10px的內邊距。
最后,使用tr:nth-child(even)
選擇器可以設置表格隔行的背景色。
上一篇css中獲取鼠標位置
下一篇css中背景設視頻