今天我們來學習如何使用CSS設置表格的樣式。首先,我們需要在HTML頁面中添加一個表格的代碼,如下所示:
標題1 標題2 標題3 內容1 內容2 內容3 內容4 內容5 內容6
在上述代碼中,我們創建了一個包含標題和內容的表格。
接下來,我們需要使用CSS來設置表格的樣式。我們可以使用以下代碼來設置表格的邊框和單元格的內邊距:table{
border-collapse: collapse;
width: 100%;
}
th, td{
border: 1px solid black;
padding: 10px;
}
在上述代碼中,我們使用了border-collapse屬性來將單元格的邊框合并為一個邊框。width屬性用于設置表格的寬度。th和td元素都使用了border屬性來設置單元格邊框的樣式,padding屬性用于設置單元格內邊距的大小。
我們還可以使用以下代碼來設置表頭的背景色和文字對齊方式:th{
background-color: #f2f2f2;
text-align: left;
}
在上述代碼中,我們使用了background-color屬性來設置表頭單元格的背景色。text-align屬性用于設置文字的對齊方式。
通過以上代碼,我們可以輕松地制作出漂亮的表格。希望這篇文章對大家有所幫助!上一篇css調整文本框邊框弧形
下一篇css調整滾動條層級