html中p怎么设置虚线边框
导读:收集整理的这篇文章主要介绍了html中p怎么设置虚线边框,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以通过给p标签元素设置“border-style: dashed;”样式来设置虚线边框。border-style属性可...
收集整理的这篇文章主要介绍了html中p怎么设置虚线边框,觉得挺不错的,现在分享给大家,也给大家做个参考。在htML中,可以通过给p标签元素设置“border-style: dashed; ”样式来设置虚线边框。border-style属性可以设置元素所有边框的样式,当属性值为“dashed”时可定义虚线边框样式。
本教程操作环境:windows7系统、HTML5& & CSS3版、Dell G3电脑。
在html中,可以通过给p标签元素设置“border-style: dashed;
”样式来设置虚线边框。
.dashed { border-style: dashed} p class="dashed"> A dashed border/p> @H_512_18@css border-style 属性
border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。只有当这个值不是 none 时边框才可能出现。【推荐教程:CSS视频教程 、《html视频教程》】
可以设置的属性值:
示例:
!DOCTYPE html> html> head> style type="text/css"> 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} /style> /head> body> p class="dotted"> A dotted border/p> p class="dashed"> A dashed border/p> p class="solid"> A solid border/p> p class="double"> A double border/p> p class="groove"> A groove border/p> p class="ridge"> A ridge border/p> p class="inset"> An inset border/p> p class="outset"> An outset border/p> /body> /html>更多编程相关知识,请访问:编程视频!!
以上就是html中p怎么设置虚线边框的详细内容,更多请关注其它相关文章!
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html中p怎么设置虚线边框
本文地址: https://pptw.com/jishu/591012.html