我需要一些帮助来修复我的圆形边框.它看起来很难看.我希望它更顺利,但无论如何我似乎无法解决它.我不知道我做错了什么.
这是它的图片:
这是我的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,或任何你喜欢的.试试吧.
原文地址:https://www.jb51.cc/css/214015.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。