学习CSS布局：简单表格布局代码示例

CSS代码

在HTML代码完成后，我们需要使用CSS样式来创建表格布局。下面是一个简单的CSS样式代码示例：

css

table {

border-collapse: collapse;

width: 100%;

text-align: center;

}

thead th {

background-color: #eee;

font-weight: bold;

}

tbody td {

border: 1px solid #ddd;

padding: 8px;

}

tbody tr:nth-child(even) {

background-color: #f2f2f2;

}

在这个示例中，我们使用了border-collapse属性来将表格边框合并为单一的边框，使用width属性将表格宽度设置为100%，使用text-align属性将表格内容居中对齐。使用thead和tbody选择器来定义表格头和表格主体的样式，使用background-color属性来设置表格头的背景颜色和字体加粗，使用border和padding属性来定义表格单元格的边框和内边距，使用nth-child伪类选择器来为奇数行和偶数行设置不同的背景颜色。