这篇文章给大家分享的是有关css中的border-colors属性怎么用的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
border-colors语法：
-moz-border-left-colors:颜色值;对于border-colors属性，我们要注意三点：
1.如果border-width为w像素，就表示边框可以几种颜色，但是前提每种颜色都是颜色限制唯一的宽度。
2.因为border-colors并不能所有的浏览器都是使用，因此我们在代码前面加一个-moz-。
3.我们不能同时设置四条边颜色，但是我们可以分为四段颜色为四条边的设置。
实例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
免费云主机域名 20
21
22
23
24
#div1
{
width:200px;
height:100px;
border-width:5px;
border-style:solid;
-moz-border-top-colors:red orange yellow green cyan blue purple;
-moz-border-right-colors: red orange yellow green cyan blue purple;
-moz-border-bottom-colors: red orange yellow green cyan blue purple;
-moz-border-left-colors: red orange yellow green cyan blue purple;
}
具体代码效果：感谢各位的阅读！关于“css中的border-colors属性怎么用”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！
相关推荐: 如何解决Mybatis-plus和pagehelper依赖产生冲突问题
这篇文章主要为大家展示了“如何解决Mybatis-plus和pagehelper依赖产生冲突问题”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“如何解决Mybatis-plus和pagehelper依赖产生冲突问题”…
免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。
微信扫一扫 
