总结CSS 边框样式代码

该border-style属性指定要显示的边框类型。

允许使用以下值：

• dotted - 定义一个虚线边框
• dashed - 定义虚线边框
• solid - 定义一个实心边框
• double - 定义双边框
• groove- 定义一个 3D 凹槽边界。效果取决于边框颜色值
• ridge- 定义 3D 脊状边框。效果取决于边框颜色值
• inset- 定义 3D 内嵌边框。效果取决于边框颜色值
• outset- 定义 3D 起始边界。效果取决于边框颜色值
• none - 定义无边框
• hidden - 定义一个隐藏的边框

该border-style属性可以有 1 到 4 个值（用于上边框、右边框、下边框和左边框）。

例子

不同边框样式的演示：

p.dotted {border-style: dotted;}
p.dashed {border-style: dashed;}
p.solid {border-style: solid;}
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.none {border-style: none;}
p.hidden {border-style: hidden;}
p.mix {border-style: dotted dashed solid double;}

结果：广州seo优化 人名大全 奶茶加盟 情感挽回