我在div元素中使用自定义的点状样式边框。我必须使用背景创建自定义边框,因为我必须定义点状之间的空格。但是在角落处,由于边界半径,它没有显示出来。如何解决这个问题或者有其他的解决方法?
我希望自定义边框也能沿着边界半径显示。
.element {
width: 400px;
height: 400px;
background: linear-gradient(to right, black 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(black 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, black 50%, rgba(255, 255, 255, 0) 0%), linear-gradient(black 50%, rgba(255, 255, 255, 0) 0%);
background-position: top, right, bottom, left;
background-repeat: repeat-x, repeat-y;
background-size: 20px 1px, 1px 20px;
border-radius: 70px;
}
<div class="element">
</div>