html设置边框为虚线的方法
本篇内容介绍了“html设置边框为虚线的方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
创新互联公司是一家专注于网站建设、做网站与策划设计,河间网站建设哪家好?创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:河间等地区。河间做网站价格咨询:13518219792
html设置边框为虚线的方法是,给边框添加border-style属性,并且设置属性值为dashed就可以了,例如【p.dashed {border-style:dashed;}】。
本文操作环境:windows10系统、html 5、thinkpad t480电脑。
我们可以利用border-style属性来设置边框的样式,使用此属性你会发现设置边框为虚线是非常简单的。
可能有不少同学不太熟悉border-style属性,下面我们来一起看看该属性吧。
border-style属性设置一个元素的四个边框的样式。
常用的属性值有:
none 定义无边框
hidden 与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突
dotted 定义点状边框。在大多数浏览器中呈现为实线
dashed 定义虚线。在大多数浏览器中呈现为实线
solid 定义实线
代码示例:
菜鸟教程(runoob.com) 无边框。
虚线边框。
虚线边框。
实线边框。
双边框。
凹槽边框。
垄状边框。
嵌入边框。
外凸边框。
隐藏边框。
运行结果如下所示:
“html设置边框为虚线的方法”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!
文章题目:html设置边框为虚线的方法
文章起源:http://scyanting.com/article/gjisjc.html