总结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优化 人名大全 奶茶加盟 情感挽回


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM