欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css中設置表格table

周雨萌1年前6瀏覽0評論

CSS中設置表格table的樣式可以實現賦予表格視覺效果的作用,使得網頁設計更加美觀。下面我們將演示如何利用CSS設置表格的樣式。

/* 設置表格的邊框樣式 */
table {
border-collapse: collapse; /* 合并單元格邊框 */
border: 1px solid black; /* 整個表格邊框 */
}
/* 設置表頭單元格樣式 */
th {
background-color: #666; /* 表頭背景色 */
color: #fff; /* 表頭字體顏色 */
font-weight: bold; /* 表頭字體加粗 */
padding: 5px 10px; /* 表頭單元格內邊距 */
}
/* 設置奇數行單元格樣式 */
tr:nth-child(odd) {
background-color: #f2f2f2; /* 奇數行背景色 */
}
/* 設置單元格邊框和內邊距 */
td {
border: 1px solid black; /* 單元格邊框 */
padding: 5px 10px; /* 單元格內邊距 */
}

代碼中我們使用了table選擇器來設置表格的整體樣式,包括邊框合并和整個表格的邊框

接下來,我們利用th選擇器對表頭單元格設置樣式。我們設置了表頭背景色、字體顏色、字體加粗和內邊距。

為了讓表格更加清晰,我們接著設置了奇數行的背景色,同時使用了tr:nth-child(odd)選擇器來實現這個樣式。

最后,我們使用了td選擇器來給單元格設置樣式,包括邊框和內邊距。這樣表格就可以展現出更加美觀的效果。