千家信息网

Css的边框属性有哪些

发表于:2024-10-29 作者:千家信息网编辑
千家信息网最后更新 2024年10月29日,小编给大家分享一下Css的边框属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!1、边框阴影属性:box-shado
千家信息网最后更新 2024年10月29日Css的边框属性有哪些

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

0