在網頁設計中,常常需要對表格添加一些css樣式以美化頁面布局,下面將介紹如何給表格添加css樣式。
table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ddd; text-align: left; padding: 8px; } th { background-color: #f2f2f2; color: #333; }
首先,我們需要將表格的邊框合并,并設置表格寬度為100%。
其次,對表格中的每個單元格(td)和表頭單元格(th)添加邊框和內邊距。可以根據需求調整邊框顏色和大小,以及內邊距大小。
最后,為表頭添加背景顏色和文字顏色,以讓表頭更加突出。
可以根據實際情況添加更多的css樣式,以得到滿意的效果。