为div创建圆角

Question

我想创建一个基于html的图表，如下所示，不知道如何继续

Answer 1

我认为你想要的是border-radius即

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;