css 80%圆形边框[重复]

zsbz8rwp 于 5个月前发布在其他

关注(0)|答案(1)|浏览(52)

此问题在此处已有答案：

Is it possible to draw a partial circle outline in CSS (open ring shape)?（4个答案）
6天前关闭
现在我有一个圆圈，它可以作为我的图标的 Package 。然而，我想知道是否有可能不显示“完整”的圆圈，而是它的80%。提供的图片显示了所需的结果。
我的 Package 类：

.icon-wrapper {
position: relative;
border: 2px solid black;
padding: $icon-padding;
border-radius: 50%;
}

字符串

的数据

css

来源：https://stackoverflow.com/questions/77744929/80-circle-border

1条答案

按热度按时间

bvpmtnay1#

您可以使用:after或:before伪元素。

span {
  display: block;
  height: 100px;
  width: 100px;
  border: 2px solid black;
  border-radius: 50%;
  position: relative;
}

span::after {
  content: "";
  position: absolute;
  background: white;
  height: 20px;
  width: 50px;
  top: -5px;
  left: 8px;
}

个字符
为了获得所需的结果，请调整:after元素的width、height、top和left属性。
阅读更多：https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements

赞(0）回复(0）举报 5个月前

我来回答

css 80%圆形边框[重复]

1条答案

相关问题

热门标签

最新问答