HTML语句中“border=1”是边框为1像素的意思。
border 是 CSS 的一个属性,用 border 可以给能确定范围的 HTML 标记(如 TD、DIV 等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。
一、border-width:thin medium thick 10px
上边框是细边框,右边框是中等边框,下边框是粗边框,左边框是 10px 宽的边框。
二、border-width:thin medium thick
上边框是 10px,右边框和左边框是中等边框,下边框是粗边框。
三、border-width:thin medium
上边框和下边框是细边框,右边框和左边框是中等边框。
四、border-width:thin
所有 4 个边框都是细边框。
扩展资料:
边框其他样式:
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
参考资料:百度百科-border
html中如果设置table的border为1px,实际会产生双线,十分不美观,那么在HTML中如何正确设置表格table边框border呢?
第一种方法:
1、将table的属性设置为:BORDER=0 、cellspacing=1 ;
2、设置table的背景色为即你要设置的table的边框颜色;
3、设置所有td背景色为#ffffff白色;
第二种方法:
1、设置BORDER=0 ;
2、再通过CSS,给Table加上1px的border-top,border-left;
3、然后再设置所有的td的border-right,border-bottom;
第三种方法(推荐):
1、设置table的CSS为{border-collapse:collapseborder-style: solidborder-width: 1px}
注:border-collapse:collapse
separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。
collapse如果可能,边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。
inherit 规定应该从父元素继承 border-collapse 属性的值。
2、再设置td的CSS为{border-style: solidborder-width: 1px}
转自: https://www.cnblogs.com/qq2806933146xiaobai/p/12407749.html
border是控制对象的边框边线宽度、颜色、虚线、实线等样式CSS属性。以缩写方式写上、下、左、右边框单独CSS样式设置方法
1、1px黑色虚线上边框
border-top:1px
dashed
#000
2、1px黑色实线下边框
border-bottom:1px
solid
#000
3、1px黑色虚线左边框
border-left:1px
dashed
#000
4、1px黑色实线右边框
border-right:1px
solid
#000
通常使用主流浏览器兼容边框样式有:
1、实线边框:solid
Border:1px
solid
#000
设置对象1px(像素)宽厚的黑色实线边框。
2、虚线边框:dashed
Border:1px
dashed
#000
设置对象1px(像素)宽厚的黑色虚线边框。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)