css怎么给数字加圆圈

  • 该方法适用于所有品牌的电脑。

利用纯css,制作圆圈数

先在html里,创建几个div,里面是数字内容。

直接运行页面,显示的数字并不是我们需要的。

我们添加样式,让div添加背景颜色,添加高度,宽度,并设置为行内元素(display:inline-block),另外关键的样式为添加border-radius,边框弧度。

运行后,可以看到圆圈数字的初步效果了。

再细化一下,修改为table-cell的显示方式,方便左右,上下居中,添加居中的样式。

再来看一下效果,很漂亮的圆圈数字效果了。

以上就是css怎么给数字加圆圈的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读