小编给大家分享一下CSS虚线样式的制作方法及虚线样式怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!
<强>一、CSS虚线的制作方法强>
边框样式属性可以设置一个元素的四个边框的样式,它的常用属性值如下:
点:点状,在大多数浏览器中呈现为实线
破灭:虚线,在大多数浏览器中呈现为实线
固体:定义实线
没有:无边框
双:双线
CSS虚线样式的实现就是用的属性值虚线,虚线。
边框样式属性可以设置一个值,两个值,三个值,四个值,他们代表的意思如下:
1,边框样式:虚线固态双虚线
表示上边框是点状,右边框是实线,下边框是双线,左边框是虚线
2,边框样式:虚线固态双
表示上边框是点状,右边框和左边框是实线,下边框是双线
3,边框样式:虚线固体
表示上边框和下边框是点状,右边框和左边框是实线
4,边框样式:虚线
表示所有4个边框都是点状
边框的写法:边境:边框宽度、边框样式,边框颜色,所以,宽度为1 px的黑色虚线可以这样写边界:1 px冲# 000;
<强>二、CSS虚线的运用实例强>
<强> 1,CSS虚线边框强>
& lt;风格类型=拔谋?css"比; div{边界:1 px冲# 000;} & lt;/style> & lt; body> & lt; div>生活不止眼前的苟且,还有诗和远方的田野& lt;/div> & lt;/body>
效果图:
<强> & lt;风格类型=拔谋?css"比; 李{边界底部:1 px冲# 000;} & lt;/style> & lt; body> & lt; ul> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt; li>,祝你有美好的一天& lt;/li> & lt;/ul> & lt;/body>
效果图:
& lt;人力资源风格=氨呔?1 px点缀# FF0000;“在
效果图:
& lt;风格类型=拔谋?css"比; 一个{文字修饰:没有;边界底部:1 px冲# FF0000;} & lt;/style> & lt; body> & lt; div>欢迎大家来& lt; https://www.yisu.com/zixun/a href=" # "> >学习知识
以上是“CSS虚线样式的制作方法及虚线样式怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!