Css 如何使圆形渐变边框成为按钮而不是正方形？
请任何人指导我，请如何使线性梯度css边框为圆形，而不是方形，将支持所有浏览器？此外，按钮的背景色最好是透明的Css 如何使圆形渐变边框成为按钮而不是正方形？,css,linear-gradients,Css,Linear Gradients,请任何人指导我，请如何使线性梯度css边框为圆形，而不是方形，将支持所有浏览器？此外，按钮的背景色最好是透明的 .btn_outter { border: 2px solid; border-image-source: linear-gradient(45deg, #FFF000, #000000); border-image-slice: 1; color: #000; } 你可以试试下面的样品 <!DOCTYPE html> <html> &l
.btn_outter {
border: 2px solid;
border-image-source: linear-gradient(45deg, #FFF000, #000000);
border-image-slice: 1;
color: #000;
}
你可以试试下面的样品
<!DOCTYPE html>
<html>
<head>
<style>
.btn_outter {
border: 20px solid;
border-image-source: radial-gradient(red, green, blue);
border-image-slice: 20;
color: #000;
}
.round_div{
border: 1px solid;
width: max-content;
border-radius: 30px;
overflow: hidden;
}
</style>
</head>
<body>
<div class="round_div">
<button class="btn_outter"> button </button>
</div>
<p><strong>Note:</strong> Internet Explorer 9 and earlier versions do not support gradients.</p>
</body>
</html>
.btn_outter{
边界：20px固体；
边界图像源：径向梯度（红、绿、蓝）；
边界图像切片：20；
颜色：#000；
}
.圆形分区{
边框：1px实心；
宽度：最大含量；
边界半径：30px；
溢出：隐藏；
}
钮扣
注意：Internet Explorer 9和早期版本不支持渐变