div三条边边框色彩设置

2019-09-07 郑州网站建设  

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://tzchb.ieyo.com/dede/1051.html转载请标明出处,谢谢合作!
标签:
  • 设置
  • DIV
  • 边框
  • 颜色
  • 三条