千锋前端浠浠呀老师HTML+CSS教程,零基础web前端开发入门必看视频
2023-07-12 16:20 作者:bili_32765020744 | 我要投稿

表格:
作用:主要用来向用户展示数据
语法:
<table>------------表格
<tr>----------------表格行
<td></td>--------单元格
</tr>
</table>
创建表格快捷件:table>tr*3>td{$}*3
设置单元格内文本水平对齐方式
text-align=“left/right/center”
设置单元格内文本垂直对其方式
text-valign="top/middle/bottom"
设置单元格背景颜色
balckgrund-color=“red”
th中的文本内容自带加粗效果,并且水平居中
tbody标签不写,浏览器会自动补全
示单元格属性:
1.设置边框
border:1px solid red;
2.设置单元格与内容间距
padding
表格的css属性:
表格属性:
1.设置宽:width
2.设置高:height
3.设置边框:border:1px solid red;
4.设置单元格之间间距:border-spacing:数值+单位
5.合并单元格边框为一条细线:border-collapse:collapse;