设置css边框线的方法

  介绍

这篇文章主要介绍设置css边框线的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

css中的边框线可以通过边框样式属性来设置,它可以设置成点状,虚线,实线,3 d凹槽边框,垄状边框,3 d插图边框等等

<强>边框样式:

<强>边框样式:

该属性是用于设置元素所有边框的样式,或者是单独地为各边设置边框样式

边框样式具有以下几种:

没有:不定义边框,即无边框

虚线:边框样式为点状边框

破灭:边框样式为虚线

固体:边框样式为实线,在大多数浏览器中呈现为实线。

双:边框样式为双线。双线的宽度等于边框宽度的值。

沟:边框样式为3 d凹槽边框,它的效果取决于边框颜色的值。

脊:边框样式为垄状边框,它的效果取决于边框颜色的值。

插图:边框样式为3 d插图边框,它的效果取决于边框颜色的值。

开始:边框样式为3 d开始边框,它的效果取决于边框颜色的值。

继承:边框样式为应该从父元素继承边框样式。

<强>案例:

设置边框的上边为点状,下边为虚线,左右两边为实线

div {   宽度:100 px;   身高:100 px;   边框样式:虚线固体冲固体;   边框颜色:粉色;   }

效果图如下:

设置css边框线的方法

设置边框为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边框线的方法

以上是设置css边框线的方法的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注行业资讯频道!

设置css边框线的方法