以下是一个简单的表格样式示例,使用了常见的 HTML 和 CSS。请注意,您可以根据需要自定义样式和属性。
HTML 部分:
```html
标题1 | 标题2 | 标题3 |
---|---|---|
数据1 | 数据2 | 数据3 |
数据4 | 数据5 | 数据6 |
```
CSS 部分:
```css
table {
width: 100%; /* 设置表格宽度为100% */
border-collapse: collapse; /* 合并边框 */
}
thead {
background-color: #f2f2f2; /* 表头背景颜色 */
font-weight: bold; /* 表头字体加粗 */
}
th, td {
padding: 10px; /* 单元格内边距 */
border: 1px solid #ddd; /* 单元格边框 */
text-align: left; /* 文本左对齐 */
}
tbody tr:nth-child(even) {
background-color: #f9f9f9; /* 偶数行背景颜色 */
}
```
这是一个基本的表格样式示例,您可以根据需要添加更多的样式和属性,例如调整字体、颜色、边框样式等。您还可以使用 CSS 框架(如 Bootstrap)来创建更复杂的表格样式。