边界半径看模糊

Question

Css边框半径看模糊（像素输出）.i使用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;

在锚标签中我有一个元素，我尝试将border-radius添加到此锚标签但它似乎不起作用。可以请某人帮忙。请检查此附件

Answer 1

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;