小编给大家分享一下Css的边框属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
1、边框阴影属性:box-shadow :
h-shadow : 水平阴影距离
v-shadow : 垂直阴影距离
blur : 可选,模糊距离
spread : 可选, 阴影的尺寸
color : 可选,颜色
inset : 可选值,将当前阴影修改为内阴影
语法规范:box-shadow:h-shadow v-shadow blur spread color inset;
也可简写为:box-shadow:h-shadow v-shadow blur color;
举个栗子: box-shadow:1px 1px 1px 1px red;
2、图片边框属性: border-image:
border-image-source : 图片路径
border-image-width:图片边框的宽度
border-image-repeat : 边框的平铺方式
取值 :repeat : 平铺 round : 铺满 stretch : 拉伸 语法规范:border-image:source width repeat;
3、轮廓,即绘制于元素周围的一条线,位于边框的外围
语法规范: outline : width style color;
outline-width : 轮廓宽度
outline-style : 轮廓的样式
outline-color : 轮廓的颜色
以上是“Css的边框属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。