html - 如何在 CSS3 圆 Angular 边框处裁剪内部 HTML 元素?

标签 html css

我在另一个 div 中有一个 div。外部 div 使用 CSS3 具有圆 Angular 边框。问题是,如果我在内部 div 上设置背景颜色,它会渗入 Angular 落。这是一个测试页面来说明我的意思:http://www.webdevout.net/test?0O

我怀疑这不是渲染器问题,因为同样的事情也发生在 Chrome、FF 和 Opera 中。如何让内部 div 在圆形边框处裁剪?将内部 div 上的 border-radius 设置为 inherit 不会削减它,边框不匹配。

编辑:内部 div 实际上是外部 div 内更多内容的标题,因此将圆 Angular 边框应用于内部 div 将不起作用。

最佳答案

你能不能在你的内部 div 上设置圆 Angular 并只使用你的外部 div 作为容器(除非不再需要它,然后去掉它以删除不必要的嵌套)。

请看这个例子:http://www.webdevout.net/test?0Q

我向您的内部 div 添加了填充,并将您所有的 CSS 类应用到内部 div。

关于html - 如何在 CSS3 圆 Angular 边框处裁剪内部 HTML 元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4763793/

相关文章:

JQuery - 检查值

javascript - 为什么 Polymer 不插入内容?

php - 为什么我的图像文件无法用 PHP 上传?

css - 使用 CSS 的关键帧动画 - 在 Chrome 中不起作用

javascript - 如何用javascript覆盖CSS?

php - 使用加载程序显示/隐藏 php mysql 结果

jquery - 将样式应用于跨度和表格不起作用

html - 呈现 HTML(转换为位图)

html - 如何使水平对齐的文本和图标在屏幕调整大小时保持一致?

css - 如何禁用Vuetify数据表的悬停效果?