在CSS中,可以使用以下属性来设置表格样式:
table { border-collapse: collapse; /* 合并边框 */ width: 100%; /* 设置表格宽度 */ } th, td { padding: 8px; /* 设置单元格内边距 */ text-align: left; /* 设置单元格文本对齐方式 */ border-bottom: 1px solid #ddd; /* 设置单元格边框 */ }
上面的代码设置了表格的样式:首先使用border-collapse属性合并表格的边框,使其更加美观。然后使用width属性设置表格的宽度为100%,让表格充满整个容器。接着使用th, td选择器分别设置表头和数据单元格的样式,包括内边距、文本对齐方式和边框样式。
可以使用以下代码来创建一个简单的表格:
姓名 | 年龄 | 性别 |
---|---|---|
张三 | 20 | 男 |
李四 | 22 | 女 |
上述代码中,使用了table标签来创建一个表格,然后使用tr标签在表格中创建行,使用th/td标签在行中创建表头和单元格。这样就能创建出一个简单的表格了。
使用CSS能够为表格带来更多的样式效果,比如针对单元格样式的hover效果、表头固定等等,以此达到更好的可读性和美观效果。