第九课 表格元素

表格的作用:数据展示

  • tr row 行
  • td 行内的单元格 (含义同“列”)
  • th 用来描述表头,会默认加粗居中

表格的属性

1. 表格边框线的描述
有两种方式:

<style>
	table{
	border:1px solid pink;    描述表格的外边框线
	}
	td{
	border:1px solid pink;    描述单元格的边框线
	}
</style>

<body>
	<table border="1">.....</table>
</body>

以上两种方法描述的边框会出现一个问题,边框线会有两条,形状同镂空线条,即双边框,这时候需要用到边框线合并border-collapse:collapse;

2. caption 表格的标题(表格之外)写在第一行之前

3. 合并单元格

<td colspan="2">合计</td>
向右合并同一行中的两个单元格

<td rowspan="2">合计</td>
向下合并同一列中的两个单元格

4. 垂直居中
vertial-align:middle

5.将表格划分整齐

  • 将table分为三部分:
    • 表头 thead
    • 内容 tbody
    • 统计 tfoot
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值