我在处理带有圆角和边框图像的div时遇到麻烦。边框图像保持正方形,并且div具有圆角。我需要的是图像边框,以使用带有文本渐变的边框半径的圆角工作。
请帮助我如何使用border-image添加边框半径
.gradient-container{
border: 5px solid transparent;
border-image: linear-gradient(#a74498, #6655a1, #30a3dd);
border-image-slice: 3;
padding: 25px;
border-radius: 25px;
}
<div class="gradient-container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>