这个带边框的圆圈看起来很模糊.是否有可能修复它以及如何解决?
div {
border-radius: 50%;
border: 1px solid black;
height: 22px;
width: 22px;
background-color: white;
}
使用带有透明边框的盒子阴影似乎也可以减少铬的模糊性。
在下面的示例中,第一个圆是原始圆,第二个圆是用阴影框制成的:
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;
}