CSS是一種用于修飾頁面外觀的技術。表格是網頁中常用的元素之一,本文將介紹如何使用CSS修飾表格。
/*給表格設置邊框*/ table { border: 1px solid #ccc; } /*給表格內的單元格設置邊框*/ td, th { border: 1px solid #ccc; } /*給表頭單元格設置背景色*/ th { background-color: #eee; } /*給偶數行單元格設置背景色*/ tr:nth-child(even) { background-color: #f2f2f2; } /*鼠標懸停時給單元格設置背景色*/ td:hover { background-color: #ddd; }
上述代碼給表格設置了邊框,并對單元格進行了基本樣式的設置,包括邊框、表頭背景色、表格斑馬線效果和鼠標懸停效果。
當然,還有許多其他的樣式可以應用到表格中,例如設置字體、對齊方式、寬度等等。通過靈活運用CSS,我們可以讓表格變得更加美觀和易于閱讀。
上一篇css怎么減少代碼量
下一篇Css怎么去除項目符號