css - 为什么背景会覆盖我的圆 Angular ?

标签 css html rounded-corners

当我使用 CSS 圆 Angular 时,它们看起来像这样,而且很棒:

http://www.incompetence-central.co.uk/roundedcorners-nobg.png

但是如果我为其中的元素指定背景颜色(在本例中为简单的 <p> 标签),背景颜色会覆盖圆 Angular ,如下所示:

http://www.incompetence-central.co.uk/roundedcorners-bgcolor.png

如何在没有背景色覆盖的情况下保持漂亮的圆 Angular ?我尝试为内部元素指定相同的圆 Angular ,但如果这样做,背景颜色不会完全填满空间:

http://www.incompetence-central.co.uk/roundedcorners-hack.png

最佳答案

不要在内部元素中指定背景颜色,而只指定特定元素(带边框)。

关于css - 为什么背景会覆盖我的圆 Angular ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3056615/

相关文章:

html - 图像填充父 div 的宽度和高度,并居中

javascript - 如何在 Ionic Framework 中进行选项卡式页面之间的转换

css - DIV 在 Chrome/Firefox 中居中很好,但在 Safari 中不居中

javascript - 在 Slider Bootstrap Carousel 中获取高度和宽度特定的 Div

css - 背景链接(在所有背景上!)

html - Bootstrap 模态内容扩展过去的模态

android - 如何在android Canvas 上绘制圆角多边形?

ios - 应用程序与状态栏相遇的 iPad 圆角半径

javascript - 在使用 Tailwind CSS 时从 `ListBox` 设置 `@headlessui/react` 上的最大内容以获取选项的最大宽度?

css - 将图像圆 Angular 应用于 <li>