CSS是一種用于美化網頁的技術,同時也可以用來畫表格。下面就來介紹一下如何使用CSS畫表格。
table { border-collapse: collapse; } th, td { padding: 10px; border: 1px solid black; }
首先,我們需要使用HTML中的table標簽來創建表格。然后在CSS中使用border-collapse
屬性來設置表格的邊框樣式,通常我們會把它設置為collapse
這樣就能讓表格線條更加美觀。
接下來,我們使用th
和td
來設置表格的表頭和表格內容的樣式。我們使用padding
屬性來設置單元格內的空白區域的大小,使用border
屬性來設置單元格的邊框樣式,如邊框寬度、顏色及類型。
姓名 | 年齡 | 性別 |
---|---|---|
小明 | 18 | 男 |
小紅 | 20 | 女 |
最后,我們在HTML中添加表格的內容,可以根據需要添加或刪除表格的行或列,達到我們要展示的效果。
以上就是如何使用CSS畫表格的方法,希望對大家有所幫助。