[第41课] 实现多彩绚丽边框效果
讲师:李晓斌 长度:5分42秒 软件:Div+CSS 发布日期:2018年04日03日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
border-color属性早在CSS 1就已经写入以CSS语法规范,但是了为避免与border-color属性的原生功能(也就是在CSS 1中定义边框颜色的功能)发生冲突,如果需要为边框设置多种色彩,直接使用border-color属性,在该属性值中设置多个颜色值是不起任何作用的。必须将这个border-color属性拆分为4个边框颜色子属性,使用多种颜色才会有效果。
border-top-colors:[<color> | transparent]{1,4} | inherit;
border-right-colors:[<color> | transparent]{1,4} | inherit;
border-bottom-colors:[<color> | transparent]{1,4} | inherit;
border-left-colors:[<color> | transparent]{1,4} | inherit;
需要注意的时,这4个属性与前面所介绍了border-color属性的4个基础子属性是不同的,这里的属性中color是复数colors,如果在书写过程中少写了字母s就会导致无法实现多种边框颜色的效果。
多种边框颜色属性的参数其实很简音,就是颜色值,可以取任意合法的颜色值。如果设置了border的宽度为Npx,那么就可以在这个border上使用N种颜色,每种颜色显示1px的宽度。如果所设置的border的宽度为10像素,但只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍