概述
html如何设置边框为虚线HTML设置边框为虚线的方法是，给边框添加border-style属性，并且设置属性值为dashed就可以了，例如【p.dashed {border-style:dashed;}】。
本文操作环境：windows10系统、HTML 5、thinkpad t480电脑。
我们可以利用border-style属性来设置边框的样式，使用此属性你会发现设置边框为虚线是非常简单的。
可能有不少同学不太熟悉border-style属性，下面我们来一起看看该属性吧。
@H_301_20@none 定义无边框
代码示例：
<!DOCTYPE HTML> <HTML> <head> <Meta charset="utf-8"> <Title>菜鸟教程(runoob.com)</Title> <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> </head> <body> <p class="none">无边框。</p> <p class="dotted">虚线边框。</p> <p class="dashed">虚线边框。</p> <p class="solID">实线边框。</p> <p class="double">双边框。</p> <p class="groove"> 凹槽边框。</p> <p class="rIDge">垄状边框。</p> <p class="inset">嵌入边框。</p> <p class="outset">外凸边框。</p> <p class="hIDden">隐藏边框。</p> </body> </HTML>
运行结果如下所示：
相关推荐：html视频教程
总结
以上是编程之家为你收集整理的html如何设置边框为虚线全部内容，希望文章能够帮你解决html如何设置边框为虚线所遇到的程序开发问题。
如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
