border属性 :在网页中设置元素的边框样式。可同时设置边框宽度、边框样式、边框颜色。也可以单独设置上边、右边、下边、左边的边框。
语法:border: border-width | border-style | border-color;
border-width :边框宽度。可以指定让并长度值。如1px,1em(单位为px,pt,em等)。或者使用关键字medium(默认),thick,thin。
border-top-width:设置元素上边框宽度
border-right-width:设置元素右边框宽度
border-bottom-width:设置元素下边框宽度
border-left-width:设置元素左边框宽度
border-style :边框样式。
border-top-style:设置元素上边框样式
border-right-style:设置元素右边框样式
border-bottom-style:设置元素下边框样式
border-left-style:设置元素左边框样式
属性值有:
none:无边框。
hidden:隐藏边框。对于表,hidden 用于解决边框冲突。
dotted:点状边框。
dashed:虚线边框。
solid:实线边框。
double:双线边框。两条单线与其间隔的和等于指定的border-width值。
groove:3D凹槽边框。
ridge:3D垄状边框。
inset:凹边框。
outset:凸边框。
border-color :边框颜色。
1.1 边框各样式效果图
1.2 四条边颜色样式相同
1.3 四条边颜色不同,样式相同
1.4 四条边颜色相同,样式不同
1.5 设置上边框宽度、样式、颜色
1.6 设置右边框宽度、样式、颜色
1.7 设置下边框宽度、样式、颜色
1.8 设置左边框宽度、样式、颜色
以上对border边框属性进行了基础操作,大家可以根据自己的经验为边框制作出更漂亮的样式。如若大家有什么更好的见解,那就在回复区畅所欲言吧没改,我定会吸取精华~如有写错欢迎大坦察迹家回复,我以后定会更加细心 _
属性设置为solid、HTML元素添加实线边框。运脊贺
1、因为在css中将border-style属性旁派设置为solid,所以时显示实线。
2、在css中设置border的属性值时给HTML元素添加实线野镇边框,也会时显示实线。
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 个边框都是细边框。