html - 你能在html5中的图标周围放一个白色的圆圈边框吗

Question

我在网上搜索了一段时间，寻找一种将图标放在透明背景的白色边框圆圈中的方法，

有人对此有意见吗？可行吗？

想想吧

     <Code for circle> <i class="glyphicon glyphicon-plus"></i> </circle end>

顺便说一句，它需要在移动浏览器中运行。谢谢大家的时间!

Answer 1

您可以使用 border 执行此操作和 border-radius CSS 属性:

CSS:

.rounded-icon {
    border: 3px solid #fff;
    display: inline-block;
    border-radius: 26px;
    width: 26px;
    height: 26px;
    text-align: center;
}

HTML:

<div class="rounded-icon"><i class="glyphicon glyphicon-plus"></i> </div>

jsFiddle demo