首页 要闻简讯 > 网络互联问答中心 > 正文

表格样式

以下是一个简单的表格样式示例,使用了常见的 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)来创建更复杂的表格样式。

免责声明:本文为转载,非本网原创内容,不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。