水平和垂直半径有一个边界半径表示法,
border-radius: horizontal-radius/vertical-radius;
Run Code Online (Sandbox Code Playgroud)
使用此功能,您可以创建所需的边框.
.border {
width: 250px;
height: 50px;
border: 1px dashed #aaa;
border-radius: 50%/20%;
text-align: center;
line-height: 50px;
font-size: 30px;
color: red;
font-family: Helvetica;
}Run Code Online (Sandbox Code Playgroud)
<div class="border">Text Here</div>Run Code Online (Sandbox Code Playgroud)
根据需要修改边框值.