相关疑难解决方法(0)

我在stackoverflow上找到了这个例子:

仅使用css绘制圆形

哪个好.但我想知道如何修改该示例,以便我可以在圆圈中间包含文本？

我也发现了这一点: 在CSS中以圆圈为中心的文本垂直和水平居中(如iphone通知徽章)

但由于某种原因,它不适合我.当我创建以下测试代码时:

<div class="badge">1</div>

而不是一个圆圈,我得到一个椭圆形状.我正在尝试使用代码来了解如何让它工作.

你如何使用HTML5和CSS3绘制圆圈？

是否也可以将文字放入？

像这样

只有这个代码

<span>1</span>

我正在尝试使用HTML和CSS创建一个流畅的圈子.我差不多完成但因为它应该是流动的,内部的内容是动态的,它的形状从圆形变为椭圆形等.

body {
  position: relative;
}
.notify {
  position: absolute;
  top: 100%;
  left: 20%;
  background: red;
  border: 2px solid white;
  border-radius: 50%;
  text-align: center;
}
.notify > div {
  padding: 20px;
}

<div class="notify">
  <div>
    12
  </div>
</div>

你能帮我吗？

可能重复:
仅使用css绘制圆形

我想知道是否有任何方法可以将提交按钮的形状从矩形更改为圆形？

我不想使用圆形图像解决方案.我希望按钮的所有其他特性来自css样式.