image.png
如图所示，渐变的边框是一个 li标签，要给他的border-bottom 设置颜色渐变。
# CSS
li.active {
color: #C66214;
background-origin: padding-box,border-box;
background-image: linear-gradient(135deg,#FFFFFF,#FFFFFF),linear-gradient(-90deg, #FFBA33 0%, #B3450A 100%);
border-bottom: .04rem solid;
border-image: linear-gradient(-90deg, #FFBA33, #B3450A);
}
background-image 中的第一个 linear-gradient 是设置li标签的背景色的，
第二个 linear-gradient 配合 border-image 即可设置 border的渐变色。
如图所示，渐变的边框是一个 li标签，要给他的border-bottom 设置颜色渐变。 background-i...
border设置渐变色 css设置阴影（div投影颜色） css设置背景渐变 background-image: ...
字体渐变色主要由背景颜色设置，设置字体颜色为透明，背景色渐变。 边框渐变色使用css3的linear-gradie...
为了开发网页的美观，css3背景颜色渐变是经常会用到的，那么，css3背景颜色渐变如何设置呢？本篇文章我们就来介绍...
渐变色问题 css3背景渐变色写法： css3 border渐变色写法: 同样可以把to right 换成90de...
1、用css3实现三角形 类似这样，两边透明border，一边有颜色的border； 2、居中 3、运动、动画效果...
使用css3背景渐变中的透明度来设置不同颜色的背景渐变 为了添加透明度，我们使用 rgba() 函数来定义颜色结点...
CSS3中支持使用border-radius设置边框的圆角. 设置边框图片 border-image 可以设置边框...
之前没使用过css设置渐变颜色效果，CSS3 渐变这篇教程文章介绍的非常详细，于是我就文章中提到的设置尝试进行了归...
css3新增属性：1，box-shadow（阴影效果）2，border-color（为边框设置多种颜色）3，bor...
本文标题：CSS3设置border某一边的颜色渐变
本文链接：https://www.haomeiwen.com/subject/oriygftx.html
网友评论