一、table属性td
table的
标签表示table的数据单元格,其中的内容会被显示在表格中。可以通过设置
示例代码:
第一行第一列 | 第一行合并两列 | |
第二行第一列 | 第二行第二列 | 第二行第三列 |
第三行第二列 | 第三行第三列 |
二、table属性css
table属性css可以用来设置表格样式。可以设置表格及其单元格的背景色、边框大小、边框颜色等。可以利用css设置表格的交替行样式,让表格更加美观、易于辨识。此外,利用css可以实现table的滚动效果,增加表格展示的可读性和美观性。
示例代码:
table {
border-collapse: collapse; /*表格边框合并*/
width: 100%;
}
th, td {
padding: 8px;
}
th {
background-color: #4CAF50; /*表头颜色*/
color: white;
}
tr:nth-child(even){background-color: #f2f2f2;} /*交替行样式*/
td {
border: 1px solid #ddd; /*边框*/
}
.scroll {
height: 150px;
overflow: auto;
}
姓名 | 年龄 | 性别 |
---|---|---|
小红 | 20 | 女 |
原创文章,作者:QYYSX,如若转载,请注明出处:https://www.506064.com/n/329040.html
赞 (0)
打赏
微信扫一扫
支付宝扫一扫


c语言经典编程程序,C语言经典程序
上一篇
2025-01-14 18:54
maya冻结历史,maya怎么解除冻结
下一篇
2025-01-14 18:55