gpt4 book ai didi

css - 带边框图像的边框半径

转载 作者:行者123 更新时间:2023-12-05 00:46:05 26 4
gpt4 key购买 nike

<分区>

在下面的代码中,我希望两个 div 都是圆形的。但是第一个应用了 border-image 的是正方形。我怎样才能解决这个问题并使它变圆?

div {
float: left;
width: 130px;
height: 130px;
margin: auto;

border: 30px solid transparent;
border-radius: 50%;
border-image: linear-gradient(45deg, red, blue) 30;
}

div + div {
margin-left: 1em;
border-image: none;
border-color: green;
}
<div></div>
<div></div>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com