当前位置:  开发笔记 > 编程语言 > 正文

边界圈看起来很模糊

如何解决《边界圈看起来很模糊》经验,为你挑选了1个好方法。

这个带边框的圆圈看起来很模糊.是否有可能修复它以及如何解决?

div {
  border-radius: 50%;
  border: 1px solid black;
  height: 22px;
  width: 22px;
  background-color: white;
}



1> web-tiki..:

使用带有透明边框的盒子阴影似乎也可以减少铬的模糊性。
在下面的示例中,第一个圆是原始圆,第二个圆是用阴影框制成的:

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;
}
推荐阅读
家具销售_903
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有