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

css表格列顏色不同顏色不同顏色不同

田志增1年前7瀏覽0評論

在網頁設計中,表格是一個重要的組成部分,但是有些時候我們想讓表格更直觀、易讀,那么就需要用到CSS了。下面我們談談如何給表格列設置不同的背景顏色。

table {
border-collapse: collapse;
width: 100%;
}
th, td {
padding: 8px;
text-align: left;
border-bottom: 1px solid #ddd;
}
tr:nth-child(even){
background-color: #f2f2f2;
}
tr:nth-child(odd){
background-color: #fff;
}
/* 設置表格列顏色 */
tr td:nth-child(3) {
background-color: #ffe6e6;
}
tr td:nth-child(4) {
background-color: #ccffe6;
}
tr td:nth-child(5) {
background-color: #e6ccff;
}

上面的代碼中,我們使用:nth-child(n)偽類來選擇第n個單元格,然后用background-color屬性來設置背景顏色。

這樣,我們就可以通過CSS來讓表格列的顏色不同,更加美觀、易讀、直觀。