要在HTML表格中添加颜色,可以使用<tr>
标签的style
属性来设置行的颜色,具体操作如下:
(图片来源网络,侵删)
1、使用<table>
标签创建表格;
2、使用<tr>
标签创建表格的行;
3、在<tr>
标签中使用style
属性设置行的颜色;
4、使用<td>
标签创建表格的单元格;
5、在<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>
在这个示例中,我们使用了小标题和单元表格,通过为<tr>
标签添加style
属性并设置背景颜色,我们可以实现表格行的着色,同样,我们也可以在<td>
标签中使用style
属性设置单元格的背景颜色。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)