html的table标签中写css样式
时间: 2024-03-06 09:45:44 浏览: 147
在HTML的table标签中,可以使用CSS样式来美化表格的外观。以下是一些常用的CSS样式属性和值,可以应用于table标签:
1. border-collapse:设置表格边框的合并方式。常用值有:
- collapse:相邻单元格的边框会合并为一个单一的边框(默认值)。
- separate:相邻单元格的边框会保持独立。
2. border-spacing:设置相邻单元格之间的间距。常用值有:
- 像素值:例如 "5px",表示相邻单元格之间的间距为5像素。
- 百分比值:例如 "10%",表示相邻单元格之间的间距为单元格宽度的10%。
3. width:设置表格的宽度。常用值有:
- 像素值:例如 "500px",表示表格的宽度为500像素。
- 百分比值:例如 "80%",表示表格的宽度为父容器宽度的80%。
4. background-color:设置表格的背景颜色。常用值有颜色名称或十六进制颜色码。
5. text-align:设置表格内容的水平对齐方式。常用值有:
- left:左对齐。
- center:居中对齐。
- right:右对齐。
6. vertical-align:设置表格内容的垂直对齐方式。常用值有:
- top:顶部对齐。
- middle:居中对齐。
- bottom:底部对齐。
7. font-size:设置表格内容的字体大小。常用值有:
- 像素值:例如 "14px",表示字体大小为14像素。
- 百分比值:例如 "120%",表示字体大小为默认大小的120%。
这些是一些常用的CSS样式属性和值,可以根据需要进行组合和调整,以实现不同的表格样式效果。
阅读全文