在網頁設計中,一個漂亮的表格可以提升用戶的瀏覽體驗。而使用 CSS 樣式使這些表格更加唯美。
table { border-collapse: collapse; width: 100%; margin: 0 auto; max-width: 800px; font-family: Arial, sans-serif; font-size: 14px; text-align: center; } th, td { padding: 12px; border: 1px solid #ddd; } thead { background-color: #f2f2f2; } tr:nth-child(even) { background-color: #f9f9f9; } tr:hover { background-color: #f5f5f5; }
這是一個基本的表格 CSS 樣式,它會使你的表格看起來更美觀、易于閱讀。
你可以通過修改顏色、字體等屬性來定制你的表格樣式。同時,使用 JavaScript 來使表格更加交互性也是可行的,例如添加排序、過濾等功能。
總之,表格是網頁重要的組成部分,而唯美的樣式可以讓它更好地服務于用戶需求。