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

或许为一个边框定义多个格式,譬如:

 

p.aside {border-style: solid dotted dashed double;}

下面这条规定为类名为 aside 的段落定义了四种边框技俩:实线上边框、点线左侧框、虚线下边框和一个双线左边框。

我们又看到了这里的值采取了 top-right-bottom-left 的措施,探究用多个值配置不合内边距时也见过这个按次。

界说单边技俩

若是您企望为元素框的某一个边设置装备摆设边框花样,而不是配置悉数 4 个边的边框花式,可运用下面的单边边框花样属性:

  • border-top-style
  • border-right-style
  • border-bottom-style
  • border-left-style

是以这两种法子是等价的:

 

p {border-style: solid solid solid none;}
p {border-style: solid; border-left-style: none;}

寄望:如果要应用第二种门径,必须把单边属性放在简写属性以后。因为要是把单边属性放在 border-style 之前,简写属性的值就会掩饰笼罩单边值 none。

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