欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

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

最编程 2024-08-08 08:18:50
...

表格它是用<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;一个值得时候是四周,俩个值的时候是(左上,右下)(右上,左下),三个值的时候是左上,(右上,左下)右下,四个值的时候是左上,右上,右下,左下