无涯教程可以在HTML表格上应用样式,以获得更好的外观。在使用CSS设计表时,有一些CSS属性被广泛使用:
可以使用CSS border属性为表格,th和td标签设置边框。
<style> table, th, td { border: 1px solid black; } </style>
借助border-collapse属性,只能将所有边界折叠到一个边界中。
<style> table, th, td { border: 2px solid black; border-collapse: collapse; } </style>
可以使用CSS padding属性为表头和表数据指定填充。
<style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; } </style>
可以设置偶数和奇数表单元格的样式,以改善外观。在这段代码中,在偶数和奇数单元格上显示不同的背景颜色。此外,更改了<th>标签的背景颜色和颜色。
CSS代码:
链接:https://www.learnfk.comhttps://www.learnfk.com/css/css-table.html
来源:LearnFk无涯教程网
<style> table, th, td { border: 1px solid black; border-collapse: collapse; } th, td { padding: 10px; } table#alter tr:nth-child(even) { background-color: #eee; } table#alter tr:nth-child(odd) { background-color: #fff; } table#alter th { color: white; background-color: gray; } </style>
输出:
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)
Spring Cloud 微服务项目实战 -〔姚秋辰(姚半仙)〕