<分区>
我怎样才能得到这种边框？这个 20px 破折号和 20px 破折号之间的间距。没有自定义背景文件甚至可能吗？我能得到的最接近的是这样的:
.element {
width: 600px;
height: 300px;
border-radius: 45px;
background-image: linear-gradient(to right, red 50%, white 50%);
background-position: top;
background-size: 10px 1px;
background-repeat: repeat-x;
}
<div class="element">
TEXT TEXT
</div>直播:https://jsfiddle.net/roo5rbb3/
最佳答案
试试这个:
border-style: dashed;
所以你完整的 CSS 应该是这样的:
.element {
width: 600px;
height: 300px;
border-radius: 45px;
background-image: linear-gradient(to right, red 50%, white 50%);
background-position: top;
background-size: 10px 1px;
background-repeat: repeat-x;
border-color: red;
border-width: 2px;
border-style: dashed;
}
关于html - 具有自定义破折号长度和间距的边框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49555371/