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