css实现table布局 |个人简历css静态模板

姓名
年龄
性别
张三
20
男
李四
27
男
王五
19
女

以上是一个普通的HTML表格。现在，大家使用CSS来对其进行美化。

table {
border-collapse: collapse; /*合并边框*/
width: 100%;
}
th, td {
border: 1px solid black; /*添加边框*/
padding: 10px; /*添加内边距*/
}
th {
background-color: #f2f2f2; /*设置背景色*/
}

在以上代码中，大家首先设置表格的宽度为100%，这样可以让表格占满整个页面的宽度。然后，大家使用border-collapse属性合并表格边框，使得表格看起来更加美观。接着，大家用border属性添加边框，并用padding属性添加内边距，使得表格内容更加清晰可分。最后，大家用background-color属性设置表头的背景色为灰色。

运行代码后，大家可以看到一个美观的表格。