15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 如何用html做出这样的表格?

如何用html做出这样的表格?

时间:2024-02-15 02:50:01 | 来源:网站运营

时间:2024-02-15 02:50:01 来源:网站运营

如何用html做出这样的表格?:

HTML 表格

<table><!-- table 是表格开始的html标签。--> <tr><!-- tr 标签表示 HTML 中的一排单元格。--> <td> Fuyeor.com </td> <td> Fuyeor.net </td> <td> Fuyeor.org </td> <td> Fuyeor.cn </td><!-- td 标签 代表HTML表格中的一个单元格--> </tr></table>

css美化

html { font-family: sans-serif;}table { border-collapse: collapse; border: 2px solid rgb(200,200,200); letter-spacing: 1px; font-size: 0.8rem;}td, th { border: 1px solid rgb(190,190,190); padding: 10px 20px;}th { background-color: rgb(235,235,235);}td { text-align: center;}tr:nth-child(even) td { background-color: rgb(250,250,250);}tr:nth-child(odd) td { background-color: rgb(245,245,245);}caption { padding: 10px;}实例

以上代码将会显示这样一个简单的表格。

关键词:表格

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭