CSS表格改顏色代碼
table { border-collapse: collapse; } table td { border: 1px solid #ccc; padding: 10px; } table th { background-color: #f2f2f2; border: 1px solid #ccc; padding: 10px; } table tr:nth-child(even) { background-color: #f2f2f2; } table tr:hover { background-color: #ddd; } table td.success { background-color: #6bc65c; color: #fff; } table td.warning { background-color: #eb7d3b; color: #fff; } table td.danger { background-color: #e55353; color: #fff; } table td.info { background-color: #1bbc9d; color: #fff; }
以上是一個簡單的CSS表格樣式改變代碼的示例,其中包括了表格邊框、單元格間距、表頭背景色、偶數(shù)行背景色、鼠標(biāo)懸停背景色以及不同狀態(tài)下單元格的背景色和文字顏色。通過修改上述代碼可以實(shí)現(xiàn)更加豐富多彩的表格樣式。