Html中的表格,边框基础知识

表格它是用<table>去定义的,然后用<tr>定义行,用<th>定义表头

borderCollape:callapse;的属性值是边框合并,边框合并需要设置给table

边框不能设置给table,只能设置给需要的单元格表格的跨行是rowspan属性,它的属性值决定了跨几行,conspan是跨列,它的属性值决定了跨几列

collspacng是单元格和单元格之间的间距,需要加给他的父元素table,collpadding是内容与单元格的边框的距离

表格的特点是在同一行或同一列当中,会识别出一个最大的宽度或高度作为当前行过当前列的宽度或高度

边框的宽的属性是border-width,单边框的宽度是border-top-width,是单边框顶部的宽度,top属性可以修改为right,left,bottom,是单边框右侧,左侧,底部的宽度。border-style是边框的样式,它的属性值是solid,dashed,dotted,double。solid表示边框的样式为实线,dashed表示边框的样式为无线,double表示边框的样式为双实线,dotted表示边框的样式为点状线。单边框也是可以运用的,比如border-top-style:daahed;,表示单边框顶部的样式为虚线

线性的简写为border-style:solid;属性值可以写四个,一个值是四边都相同,俩个值是上下,左右相同,三个值是上(左右)下,四个值是上 下 左 右

边框的简写为border-width:100px;属性值可以写四个,一个值是上下左右四边相同,俩个值是上下,左右,三个值是上(左右)下,四个值是上 下 左 右 

边框颜色的简写为border-color:red;一个值是四边相同的颜色,俩个值是上下颜色相同,左右颜色相同,三个值是上,(左右颜色相同)下,四个值是上 下 左 右 

圆:border-radius;一个值得时候是四周,俩个值的时候是(左上,右下)(右上,左下),三个值的时候是左上,(右上,左下)右下,四个值的时候是左上,右上,右下,左下

  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值