HTML5網頁表格居中代碼
在Web開發中,表格是一種常用的元素。為了使表格更加美觀,我們通常需要將表格居中顯示,這需要使用CSS來實現。本文將介紹如何使用HTML5和CSS來居中網頁表格。
HTML5代碼
首先,讓我們來看一下如何使用HTML5來創建一個網頁表格,以下是一個簡單的例子:`元素的`margin`屬性設置為`auto`,這將使表格在容器中居中顯示。
HTML5和CSS代碼
完整的HTML5和CSS代碼如下:
<table> <tr> <th>姓名</th> <th>年齡</th> <th>職業</th> </tr> <tr> <td>張三</td> <td>25</td> <td>程序員</td> </tr> <tr> <td>李四</td> <td>30</td> <td>設計師</td> </tr> </table>上述代碼創建了一個簡單的表格,包含三列和兩行數據,但是該表格并沒有居中顯示。 CSS代碼 為了使表格居中顯示,我們需要在CSS樣式表中添加以下代碼:
table { margin: auto; }該代碼將`