欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

div三条边的边框颜色配置,不必要径自设置装备摆设三边边框技俩,否则会浪掷代码,一样平常我们会设置四条边的边框(设置border就可),再设置装备摆设哪条边不有边框那就再设置装备摆设对应那条边边框为0即可,紧要寄望步伐。

1、div的三边边框色调实例CSS代码

.exps{ width:200px; border:2px solid #F00; border-left:0} 

配置先设置装备摆设div边框(4边)色采为赤色2px宽度,再设置border-left(左侧框)为0,何等就至关于只配置3边边框色彩。必要寄望法式,因为涉猎器终端读取CSS是从左往右读包办码,当浏览器读取border:2px solid #F00; 时,4条边是有2px实线边框色彩的,再读取border-left:0这个时候,浏览器会掩盖右边边框为0,相当于就利用阅读器读取原先来完成三边边框色彩配置。

2、实例HTML代码

<div class="exps">我右边边框不有色采,别的3边为血色</div> 

3、成就截图

div三边边框颜色实现截图
div三边边框颜色完成截图

CSS5总结:
这里教学了DIV边框色调各种边框配置,分袂4条边、单边、3条边色彩配置,对应单独设置装备摆设DIV边框名堂时用到border-left,border-right,border-bottom,border-top来实现。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-jiaocheng/tc52689.shtml