繁体 English 中英

使用border-image和border-image-slice时如何添加border-radius [重复]

[英]How to add border-radius when using border-image and border-image-slice [duplicate]

原文 2019-10-02 12:11:09 8 0 html/ css

这个问题在这里已经有了答案：

具有边界半径的边界渐变2 答案
可以将边界半径与具有渐变的边界图像一起使用吗？ 7 个答案

我在使用圆角和边框图像的 div 时遇到问题。 边框图像保持方形，div 有圆角。 我需要的是图像边框与带有文本渐变的边框半径的圆角一起使用。

请帮助我如何使用边框图像添加边框半径

 .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>