温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Css的边框属性有哪些

发布时间:2022-02-28 10:47:37 来源:亿速云 阅读:215 作者:小新 栏目:web开发

小编给大家分享一下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-shadow1px 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的边框属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css
AI