边框渐变(兼容圆角和背景色)

 .box {
        width: 100%;
        border-radius: 48rpx;
        margin-top: 24rpx;
        border: 2rpx solid transparent; //transparen加上
        background-clip: padding-box, border-box; //加上
        background-origin: padding-box, border-box; //加上
        background-image: linear-gradient(to bottom, #faeac7, #fddbaa, #fdc37f), linear-gradient(180deg, #fff, #efc694); //第一个是背景色,第二个是边框渐变色
}
posted @ 2025-07-31 16:13  light丶  阅读(12)  评论(0)    收藏  举报