在HTML中,tr標(biāo)簽代表的是表格中的行,而CSS樣式可以對tr標(biāo)簽進(jìn)行美化,讓表格在視覺上更加優(yōu)美。
/*設(shè)置tr標(biāo)簽的背景顏色和文字顏色*/
tr {
background-color: #f2f2f2;
color: #333;
}
/*鼠標(biāo)懸停在tr標(biāo)簽上時,改變背景顏色和文字顏色*/
tr:hover {
background-color: #D3D3D3;
color: #fff;
}
/*設(shè)置tr標(biāo)簽的邊框樣式和顏色*/
tr {
border: 1px solid #ddd;
}
/*設(shè)置表格邊框圓角效果,如果表格一側(cè)邊框不需要圓角,可以使用:not選擇器*/
table {
border-radius: 5px;
}
tr:first-child {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
tr:last-child {
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
通過以上代碼,可以實現(xiàn)對表格中的行tr標(biāo)簽進(jìn)行美化,包括設(shè)置背景顏色、文字顏色、邊框樣式和邊框圓角等效果。這些CSS樣式可以幫助我們讓表格顯示更加美觀,同時提高用戶體驗。
下一篇umijs引入css