边框样式

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 ;}

结果