Css3设置边框属性有哪些

发布时间:2022-03-01 11:55:29 作者:小新
来源:亿速云 阅读:182

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

推荐阅读:
  1. css3设置边框颜色渐变的方法有哪些
  2. css3中设置圆角边框的样式有哪些

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

css3

上一篇:怎么利用CSS3实现input输入框动画样式库

下一篇:CSS不要随意使用Id命名的示例分析

相关阅读

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

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