为一个div

Question

我想创建像下面一个基于HTML的图表创建圆角，不知道如何着手

Answer 1

我想你想要的是border-radius即

.inner { 
 
    background: #FFB6C1; 
 
    width: 40px; 
 
    height:20px; 
 
    border-radius: 20px; 
 
} 
 

 
.outter { 
 
    width:100px; 
 
    border: 1px solid #ccc; 
 
    border-radius: 20px; 
 
}

<div class="outter"> 
 
    <div class="inner"></div> 
 
</div>