css3 如何实现圆边框的渐变

CSS3 中可以使用 border-radius 属性实现圆边框,而要实现圆边框的渐变,可以使用 border-image 属性和 linear-gradient() 函数。具体代码如下:

border-radius: 50%;
border-image: linear-gradient(to right, red, blue) 1;

其中,border-radius 设置圆边框的半径,border-image 设置边框图片,linear-gradient() 函数设置渐变颜色,1 为边框宽度。

你可能感兴趣的:(css3,css,前端,html,javascript)