table { border-collapse: collapse; /* 合并边框 */ width: 100%; /* 表格宽度 */ } th, td { border: 1px solid black; /* 单元格边框 */ padding: 8px; /* 单元格内边距 */ text-align: center; /* 文字居中对齐 */ } th { background-color: #1E90FF; /* 表头背景色 */ color: white; /* 表头文字颜色 */ }
首先,大家通过table选择器来设置表格的样式。border-collapse属性用于合并边框,使表格看起来更加整洁。width属性用于设置表格的宽度。
接下来,大家通过th和td选择器来设置单元格的样式。border属性用于设置边框样式,padding属性用于设置单元格内边距,text-align属性用于设置文字居中对齐。
最后,大家通过th选择器来设置表头的样式。background-color属性用于设置表头的背景色,color属性用于设置表头文字的颜色。
使用上述CSS代码,大家可以轻松地定义一个美观整洁的表格。