小编Joh*_*hJR的帖子

使用CSS交叉圆圈

我正在尝试使用CSS创建它.实际上,这是三个相交圆的中心点.我认为这是可能的,但似乎无法弄明白.但话说回来,CSS并不是我最强项.救命?

在此输入图像描述

我已经设法使用下面的片段创建了一个半圆(也可以创建另外两个),但我不知道如何定位或对齐它们以获得输出,如图像中所示.

.test{
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 1px solid black;
  border-color: black black transparent transparent;
}
Run Code Online (Sandbox Code Playgroud)
<div class='test'></div>
Run Code Online (Sandbox Code Playgroud)

css css3 css-shapes

1
推荐指数
2
解决办法
543
查看次数

标签 统计

css ×1

css-shapes ×1

css3 ×1