CSS – 圆形边框看起来太像素化了

我需要一些帮助来修复我的圆形边框.它看起来很难看.我希望它更顺利,但无论如何我似乎无法解决它.我不知道我做错了什么.

这是它的图片：

这是我的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,或任何你喜欢的.试试吧.