色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css表格默認樣式表

魏麗春1年前6瀏覽0評論

在網頁開發中,表格是一個非常常見的元素。而在制作表格時,使用 CSS 來修飾表格,可以使表格更加美觀、易于閱讀。在 CSS 中,還有一個默認樣式表(CSS Reset)可以讓開發者不用去考慮表格的瀏覽器兼容性問題。

table{
border-collapse: collapse; /* 去掉表格元素之間的間隔 */
border-spacing: 0; /* 表格格子之間的間隔 */
empty-cells: show; /* 單元格里沒有內容時的樣式 */
font-size: inherit; /* 繼承父元素的字體大小 */
font-weight: inherit; /* 繼承父元素的字體加粗狀態 */
margin: 0; /* 去掉表格的外邊距 */
padding: 0; /* 去掉表格的內邊距 */
}
th, td{
border: 1px solid #ccc; /* 表格線框的顏色 */
padding: 6px 12px; /* 單元格的內邊距 */
text-align: left; /* 文字對齊方式 */
}
th{
background-color: #f7fafc; /* 表頭背景顏色 */
font-weight: bold; /* 表頭文字加粗 */
}
tr:nth-child(even){
background-color: #f2f2f2; /* 偶數行的背景顏色 */
}

上述的樣式表只是一個默認的樣式,可以根據需求去自定義表格的樣式。CSS 可以為表格增加各種不同的效果,例如:單元格投影、底紋、顏色、樣式等等。但是在自定義之前,最好先清楚以上這些默認樣式的作用和影響。