表格特性:表格实现的边框、表格特性、边框的颜色、表格的标题

表格实现1px的边框

border-collapse 属性设置表格的边框是否被合并为一个单一的边框
​
- 取值
  - separate:边框独立(默认值)
  - collapse:相邻边框被合并  相邻的边框合并为单一的边框
​
 table {
      /* 边框独立  默认值 */
      border-collapse: separate;
      /* 边框合并 相邻的边框合并为单一的边框*/
      border-collapse: collapse;
    }

表格特性

  1.未规定宽度的表格,单元格适应内容(单元格的宽高由内容撑开)
  2.同一行的单元格,高度只会识别一个,取值最大
  3.同一列的单元格,宽度只会识别一个,取值最大
  4.表格可以包含任何html标签及表格

边框的颜色

1.table上的属性:
borderColor:改变边框的颜色
borderColor="#ffa500"
​
<table border="1"  borderColor="#ffa500"></table>
​
2.  给table和th、td设置边框
注意:不能只设置边框的颜色
​
table {
border: 1px solid #ffa500; 
}
​
/* 群组选择器 */
th,
td {
border: 1px solid #ffa500; */
​
}

表格的标题

表格的标题 ,紧跟table之后,只有在table里有效
<caption></caption>
居中于表格之上
  默认水平居中
<table border="1" >
    <!-- 表格的标题 -->
    <caption>明星八卦群</caption>
</table>
​
<!-- 写在table外caption标签无效,不会被解析 -->
<caption>明星八卦群</caption>

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曲靖花式通幽处

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值