千家信息网

Css3设置边框属性有哪些

发表于:2025-01-19 作者:千家信息网编辑
千家信息网最后更新 2025年01月19日,小编给大家分享一下 Css3设置边框属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!四边:border: 粗细 s
千家信息网最后更新 2025年01月19日Css3设置边框属性有哪些

小编给大家分享一下 Css3设置边框属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

四边:border: 粗细 solid 颜色

Border-top粗细 solid 颜色

Border-left粗细 solid 颜色

Border-bottom粗细 solid 颜色

Border-right粗细 solid 颜色

Border-color: 设置四条边框的颜色。

Border-color:value 四边一样的颜色

border-color:val1 val2; 上下 左右

border-color:上 左右 下

border-color:red green blue pink ; 上 右 下 左边

注意:border-color 是一个组合属性

Border-top-color

Border-left-color

Border-bottom-color

Border-right-color

box-shadow 属性向框添加一个或多个阴影。

box-shadow: h-shadow v-shadow blur spread color inset;

border-width: 上 右 下 左

border-width:thin medium thick; 左右

border-width:thin medium; 上下 左右

border-width:thin; 四边

border-style 属性用于设置元素所有边框的样式,或者单独地为各边设置边框样式。

outline:颜色 样式 粗细; 元素的外边框 (轮廓)是绘制于元素周围的一条线

border-radius 属性是一个简写属性,用于设置四个 border-*-radius 属性 设置元素的圆角

-webkit- 样式名称 兼容Safari google

-o- 样式名称 Opera

-moz-样式名称 兼容 ff

#dv

-webkit-border-radius :

-o-border-radius:

-moz-border-radius:

Border-image:用图像来画边框

以上是" Css3设置边框属性有哪些"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!

0