前端之家收集整理的这篇文章主要介绍了
删除CSS圆角晕的最佳方法是什么？，
前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。
我得到了一个小圆角光环效果,我想摆脱它.在this example中,在红色圆圈中查找效果.这是效果的放大：
我似乎记得有一段时间回来读一篇关于这个问题的文章.有人有这篇文章的链接吗？否则,任何摆脱光环的好方法？
这是因为dl的所有四个角都是圆角的.这允许dl的底部是圆形的. dt位于dl上方,其左上角和右上角为圆形.但是dt曲线后面的dl曲线略微溢出,导致光环.
My solution是增加dl的边界半径,使其隐藏在dt角落后面.但它似乎是一个黑客,并增加了相当多的CSS.我想知道是否有更好的解决方案.这里没有光环：
最佳答案
如果您不介意2像素差异,可以
添加…
div.content dt.top {
position: relative;
top: -2px;
}
但我认为您的解决方案很好,可以通过使用边框半径的简写版本来改进：
http://jsfiddle.net/DAjWS/
border-radius: [topleft] [topright] [bottomright] [bottomleft]
你提到的文章可能与border-border的边界组合有关(它会产生类似于你的光环),但在你的情况下它是预期的.如果你重叠两个圆角的方框,矢量编辑应用程序也会发生同样的事情.你只需找到一种优雅的方式来覆盖底盒的抗锯齿.
原文链接：https://www.f2er.com/css/427050.html
