2019-08-21 |

边框样式

border-style的默认值为none,它不定义边框。

边框样式属性支持各种样式:dotted,dashed,double等。下面的示例说明了它们之间的差异。

此段没有边框。

这是一个虚线边框。

这是一个点状边框。

这是一个双边框。

这是一个带凹槽的边框。

这是一个山脊边界。

css

p.none {border-style:none ;} 
p.dotted {border-style:dotted ;} 
p.dashed {border-style:dashed ;} 
p.double {border-style:double ;} 
p.groove {border-style:groove ;} 
p.ridge {border-style:ridge ;} 
p.inset {border-style:inset ;} 
p.outset {border-style:outset ;} 
p.hidden {border-style:hidden ;}

结果

在CSS中,可以使用以下属性为不同的边指定不同的边框:border-top-style,border-right-style,border-bottom-style和border-left-style。

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论