手把手教你使用css给HTML字体添加边框效果（代码分享）-木庄网络博客

手把手教你使用css给HTML字体添加边框效果（代码分享）

2022-02-07 22:52:22 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者奋力向前，侵删。

之前的文章《html网页中如何实现居中效果（代码分享）》中，给大家介绍了如何让网页整体居中。下面本篇文章给大家介绍怎样使用css给HTML元素字体添加边框效果，我们一起看看怎么做。

html元素添加边框用border属性来实现。

border 简写属性在一个声明设置所有的边框属性。

border属性的三要素

border-width 默认是 1px
border-style 边框样式
border-color 默认是黑色

border-style设置边框的样式可选

代码示例

<style>
p.none {border-style:none;}
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.hidden {border-style:hidden;}
</style>