CSS表格樣式6是一種非常漂亮的表格樣式。通過CSS和HTML的結合,可以創建出優美的表格樣式,吸引用戶的眼球。
.table { border-collapse: collapse; width: 100%; max-width: 900px; margin: 0 auto; font-size: 16px; font-family: Arial, sans-serif; } .table th, .table td { text-align: center; padding: 10px; border: 1px solid #ddd; } .table thead th { background-color: #0977C3; color: #fff; } .table tbody tr:nth-child(even) { background-color: #f2f2f2; } .table tbody tr:hover { background-color: #ddd; }
這個樣式中,表格使用了collapse屬性,使表格邊框合并在一起,看起來更加整齊。通過設置table寬度和margin,可以控制表格顯示的寬度和位置。表格中的文字大小和字體都可以根據自己的需求進行修改。
表格頭部使用了深藍色的背景色和白色的文字,突出表格標題的重要性。而表格的奇數行和偶數行使用了不同的顏色,使表格能夠更好地區分各個數據行。同時,鼠標懸停在表格中的某一行時,會顯示明顯的灰色背景色,使用戶更容易分辨當前行。
通過更改表格樣式,可以讓網站的數據表格更加美觀、易讀、易用。這個漂亮的CSS表格樣式6,在設計網頁時,可以給表格添加優美的外觀,使得表格更加突出、大氣,更加符合用戶的審美需求。