table { border: 1px solid #ccc; /*实线边框*/ border: 1px dashed #ccc; /*虚线边框*/ border: 1px dotted #ccc; /*点状边框*/ }大家还可以使用CSS中的border-collapse属性来设置表格边框重叠样式,常见的有折叠边框和分隔边框,代码如下所示:
table { border-collapse: collapse; /*折叠边框*/ border-collapse: separate; /*分隔边框*/ }
2. 表头和表格单元格样式设置
大家可以使用CSS中的background-color属性来设置表头和表格单元格的背景颜色,代码如下所示:th { background-color: #f5f5f5; /*表头背景颜色*/ } td { background-color: #fff; /*表格单元格背景颜色*/ }大家还可以使用text-align属性来设置单元格中文本的对齐方式,常见的有左对齐、居中和右对齐,代码如下所示:
th, td { text-align: center; /*文本居中对齐*/ text-align: left; /*文本左对齐*/ text-align: right; /*文本右对齐*/ }最后,大家来看一个完整的表格设置示例代码:
table { border-collapse: collapse; border: 1px solid #ccc; width: 100%; } th { background-color: #f5f5f5; text-align: center; } td { text-align: center; }以上就是CSS中设置表格的方法和技巧,希望对你有所帮助。