border-radius 没有效果
时间: 2023-10-27 21:06:50 浏览: 63
解决border-radius失效问题
5星 · 资源好评率100%
可能是以下几个原因导致 border-radius 没有效果:
1. 没有设置元素的宽度和高度,或者设置的宽度和高度为 0,导致无法显示圆角效果。
2. 元素的 display 属性为 inline,border-radius 只对块级元素生效。
3. 元素被设置了 box-sizing: border-box,导致 border-radius 的半径值需要重新计算。
4. 元素被设置了 overflow: hidden,导致超出元素范围的部分被裁剪掉,无法显示圆角效果。
阅读全文