HTML內嵌表格是網頁布局中常使用的元素之一,利用表格可以快速排列數據,使網頁內容更為清晰易讀。以下是一個簡單的HTML內嵌表格代碼示例:
姓名 | 年齡 | 性別 |
---|---|---|
張三 | 25 | 男 |
李四 | 30 | 女 |
上述代碼定義了一個表格,其中
table { border-collapse: collapse; /* 去除表格邊框 */ width: 100%; /* 設置表格寬度 */ } th, td { border: 1px solid #ccc; /* 設置單元格邊框 */ padding: 8px; /* 設置單元格內邊距 */ text-align: center; /* 設置單元格文字居中 */ } th { background-color: #f2f2f2; /* 設置標題單元格背景色 */ }
以上代碼展示了去除表格邊框、設置表格寬度、設置單元格邊框和內邊距、單元格文字、背景色的一些樣式。除此之外,還可以設置表格字體、字號、顏色等樣式,進一步美化表格。
上一篇html怎么設置文字樣式
下一篇html 內嵌后臺代碼