边界半径看起来模糊答案

【问题标题】：Border radius looking blur边界半径看起来模糊
【发布时间】：2016-12-18 08:24:12
【问题描述】：

Css 边框半径看起来模糊（像素输出）。我使用了 css

border: 1px solid #8d2034;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
width: 27px;
height: 27px !important;
/* float: left; */
text-align: center;
padding: 0px !important;
line-height: 26px;
margin: 10px 10px 0px 0px;

在锚标记中我有一个元素，我尝试将边框半径添加到此锚标记，但它似乎不起作用。有人可以帮忙。请检查此附件

【问题讨论】：

你有什么问题？
我正在使用 css3 边框半径属性作为锚标签。在 anhor 标签中我正在使用。边框半径无法正常工作。请检查附件一次跨度>

标签： javascript html twitter-bootstrap css

【解决方案1】：

i.fa{
  color: #8d2034;
  border: 1px solid #8d2034;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  padding: 4px;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>


<i class="fa fa-pencil"></i>
<i class="fa fa-bug"></i>

【讨论】：