要在HTML表格中添加颜色,可以使用
<tr>
标签的
style
属性来设置行的颜色,具体操作如下:,1、使用
<table>
标签创建表格;,2、使用
<tr>
标签创建表格的行;,3、在
<tr>
标签中使用
style
属性设置行的颜色;,4、使用
<td>
标签创建表格的单元格;,5、在
<td>
标签中使用
style
属性设置单元格的背景颜色。,下面是一个示例代码:,在这个示例中,我们使用了小标题和单元表格,通过为
<tr>
标签添加
style
属性并设置背景颜色,我们可以实现表格行的着色,同样,我们也可以在
<td>
标签中使用
style
属性设置单元格的背景颜色。,
,<!DOCTYPE html> <html> <head> <style> table { width: 100%; bordercollapse: collapse; } th, td { border: 1px solid black; padding: 8px; textalign: left; } </style> </head> <body> <h2>带有颜色的表格</h2> <table> <tr style=”backgroundcolor: #f2f2f2;”> <th>姓名</th> <th>年龄</th> <th>城市</th> </tr> <tr style=”backgroundcolor: #e6e6e6;”> <td>张三</td> <td>25</td> <td>北京</td> </tr> <tr style=”backgroundcolor: #d9d9d9;”> <td>李四</td> <td>30</td> <td>上海</td> </tr> <tr style=”backgroundcolor: #cccccc;”> <td>王五</td> <td>28</td> <td>深圳</td> </tr> </table> </body> </html>,
html表格如何加颜色代码
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《html表格如何加颜色代码》
文章链接:https://zhuji.vsping.com/466350.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
文章名称:《html表格如何加颜色代码》
文章链接:https://zhuji.vsping.com/466350.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。