本文介绍了边界圆看起来很模糊的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
这个带边框的圆圈看起来很模糊。是否有可能修复它以及如何修复它？
div {
border-radius: 50%;
border: 1px solid black;
height: 22px;
width: 22px;
background-color: white;
}<div></div>推荐答案
使用带有透明边框的框阴影似乎也会使它在使用铬时不那么模糊。
在下面的示例中，第一个圆是原始圆，第二个圆是用长方体阴影制作的：
div {
border-radius: 50%;
border: 1px solid black;
height: 22px;
width: 22px;
background-color: white;
float:left;
}
div + div{
width:20px;
height:20px;
border-color:transparent;
box-shadow:0 0 0 1px #000;
margin:1px 3px;
}<div></div>
<div></div>这篇关于边界圆看起来很模糊的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！