如何给border设置渐变色

如何给 border 设置渐变色

摘要

渐变色不仅能用于背景，还能给边框添加炫酷效果。通过border-image和linear-gradient()函数，轻松实现边框渐变。但默认情况下，border-image与border-radius兼容性不佳，无法同时生效。解决方法是用background-image模拟渐变边框，外层设置渐变背景和内边距，内层用白色背景遮挡，巧妙实现带圆角的渐变边框效果。