制作特定的边框半径CSS

Question

我试图通过边界半径生成粉红色部分。如果我使用边框半径，它从容器div的确切角开始，但正如您所见，只有1厘米以上的扁平或实心粉红色，然后开始边界半径。

Answer 1

看起来这些只是圈子（border-radius: 50%;）。点击“运行代码段”查看类似内容。

.big {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: pink;
  position: relative;
}

.small {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: purple;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 3px 0 5px;
}

<div class="big">
  <div class="small">
  </div>
</div>