关于border-radius和border-image不能公用的解决方法

1,331 阅读1分钟

image.png

border-radius和border-image不能一起共用,否则border-radius不生效

image.png

解决办法

在子元素上面套一层父元素,把子元素的属性都留给父元素,然后子元素继承,通过设置padding的效果来进行边距的大小,background-image:-webkit-linear-gradient(top, #FA5765, #3BD7FD);来设置渐变样式

image.png

image.png