使用 CSS 可以控制表格的样式和布局。以下是一些可以使用的 CSS 属性和关键词:
border
- 设置表格边框的样式,如 border: 1px solid black;
。border-collapse
- 指定表格边框是否合并为一个单一的边框,如 border-collapse: collapse;
。text-align
- 设置表格中文本的水平对齐方式,如 text-align: center;
。vertical-align
- 设置表格中元素的垂直对齐方式,如 vertical-align: middle;
。background-color
- 设置表格或单元格的背景颜色,如 background-color: #f2f2f2;
。color
- 设置表格或单元格中文本的颜色,如 color: red;
。font-size
- 设置表格或单元格中文本的字体大小,如 font-size: 14px;
。padding
- 设置单元格内边距,如 padding: 10px;
。width
- 设置表格或单元格的宽度,如 width: 100%;
或 width: 50%;
。height
- 设置表格或单元格的高度,如 height: 50px;
。除了上述属性外,还可以使用伪类 :hover
、:nth-child
、:first-child
等来选择表格中的特定元素并设置样式。例如,可以使用 tr:nth-child(even)
来选择表格中的偶数行并设置背景颜色。
总的来说,使用 CSS 可以轻松地控制表格的样式和布局,使其更加美观和易于阅读。