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