我需要一些帮助来修复我的圆形边框.它看起来很难看.我希望它更顺利,但无论如何我似乎无法解决它.我不知道我做错了什么.
这是它的图片：
这是我的HTML：
<div class="sidebar">
<!-- User avatar/message/notification/settings buttons -->
<div class="userpanel">
<div class="userpanel-image">
<img src="image.jpg">
</div>
<div class="userpanel-buttons">
<ul>
<li><a href="#"><span class="glyphicon glyphicon-envelope"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-bell"></span></a></li>
<li><a href="#"><span class="glyphicon glyphicon-cog"></span></a></li>
</ul>
</div>
</div>
</div>
这是我的CSS：
.sidebar > .userpanel > .userpanel-image img {
border: 1px solid white;
border-radius: 25px;
margin: 3px;
margin-right: 25px;
}
解决方法
你肯定没有做错任何事.
也许这只是因为边界太薄了.尝试更改边框：1px纯白色;到2px,3px,或任何你喜欢的.试试吧.
