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

table添加css樣式

洪振霞2年前10瀏覽0評論

在HTML中,table是一種用來展示大量數據的元素,我們可以通過添加CSS樣式來美化表格,使之更加美觀。

首先,我們可以使用CSS來設定表格的邊框、背景色、字體顏色等等。下面是一個示例:

table {
border-collapse: collapse;
border: 1px solid #ddd;
}
th, td {
padding: 10px;
text-align: center;
}
th {
background-color: #f2f2f2;
color: #333;
}
td {
background-color: #fff;
color: #000;
}

上述代碼設置了表格的邊框顏色為灰色,同時th(表頭)和td(單元格)的背景色和文字顏色也被設定了,使得表格整體更加美觀。

除此之外,我們還可以使用CSS來設定表頭的樣式、行和列的樣式等等。下面是一個示例:

thead {
background-color: #333;
color: #fff;
}
tr:hover {
background-color: #e9e9e9;
}
td:first-child {
background-color: #f2f2f2;
}
td:nth-child(odd) {
background-color: #ddd;
}
td:nth-child(even) {
background-color: #ccc;
}

上述代碼中,我們設定了表頭的背景色為黑色,文字顏色為白色。當鼠標懸浮在一行上時,該行的背景色會變為淡灰色。同時,我們也對第一列和奇偶行單元格進行了不同的背景色設定,使得表格更加多樣化。

總之,通過添加CSS樣式,我們可以讓table變得更加精美,使之更加符合我們的呈現要求。