HTML 2行2列表格
下面是一個(gè)2行2列表格的HTML代碼示例:
<table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> </tr> <tr> <td>第二行第一列</td> <td>第二行第二列</td> </tr> </table>
在這個(gè)示例中,我們使用了HTML中的table標(biāo)簽來定義表格,tr標(biāo)簽來定義行,td標(biāo)簽來定義單元格。在每個(gè)td標(biāo)簽之間放置的文本將顯示在單元格中。
我們可以使用CSS樣式來進(jìn)一步美化表格,例如:
<style> table { border-collapse: collapse; width: 90%; margin: 0 auto; } td { border: 1px solid #ccc; padding: 10px; text-align: center; } </style>
在這個(gè)CSS樣式中,我們設(shè)置了表格的邊框樣式、單元格的內(nèi)邊距和對(duì)齊方式。我們還通過設(shè)置表格的寬度和左右margin值來使其居中顯示。
通過上述HTML和CSS代碼,在你的網(wǎng)頁中加入一個(gè)簡單而美觀的2行2列表格就變得非常簡單。
上一篇ruoyi_vue
下一篇css隱藏html代碼