介绍
这篇文章主要介绍设置css边框线的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
css中的边框线可以通过边框样式属性来设置,它可以设置成点状,虚线,实线,3 d凹槽边框,垄状边框,3 d插图边框等等
<强>边框样式:强>
<强>边框样式:强>
该属性是用于设置元素所有边框的样式,或者是单独地为各边设置边框样式
边框样式具有以下几种:
没有:不定义边框,即无边框
虚线:边框样式为点状边框
破灭:边框样式为虚线
固体:边框样式为实线,在大多数浏览器中呈现为实线。
双:边框样式为双线。双线的宽度等于边框宽度的值。
沟:边框样式为3 d凹槽边框,它的效果取决于边框颜色的值。
脊:边框样式为垄状边框,它的效果取决于边框颜色的值。
插图:边框样式为3 d插图边框,它的效果取决于边框颜色的值。
开始:边框样式为3 d开始边框,它的效果取决于边框颜色的值。
继承:边框样式为应该从父元素继承边框样式。
<强>案例:强>
设置边框的上边为点状,下边为虚线,左右两边为实线
div { 宽度:100 px; 身高:100 px; 边框样式:虚线固体冲固体; 边框颜色:粉色; }
效果图如下:
设置边框为3 d凹槽和垄状边框
& lt;风格类型=拔谋?css"比; .box1 { 宽度:100 px; 高度:30 px; 边界:5 px槽粉色; margin-bottom: 5 px; } .box2 { 宽度:100 px; 高度:30 px; 边界:5 px岭粉色; } & lt;/style> & lt;/head> & lt; body> & lt; div类=癰ox1"在3 d凹槽边框& lt;/div> & lt; div类=癰ox2"祝辞垄状边框& lt;/div> & lt;/body>
效果图
以上是设置css边框线的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!