定义多种样式

2024-01-18 13:35 小编
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。


在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码