【问题标题】:css3 inset shadow with tab effect带有标签效果的css3插入阴影 【发布时间】:2011-02-02 01:49:53 【问题描述】: 我正在尝试弄清楚如何在使用 CSS3 嵌入阴影时创建类似标签的效果。 这是我的尝试:http://beta.songdesk.com/home/tour/overview 这就是它需要的样子: http://beta.songdesk.com/img/tab-box-shadow-page.png 【问题讨论】: 标签: html css 【解决方案1】: 简而言之,您在此处尝试实现的目标无法完成,因为您处理的是单独的框,而不是单个多边形。 一个人可以用额外的、覆盖的 div 和其他东西来做很多很多的诡计,但这会使标记变得混乱,并且很难正确/维护。 您可能想改用border image,这可能仍然涉及一些技巧,但应该更容易在浏览器中获得一致的外观。 【讨论】: 这就是我害怕的。我不确定使用边框图像有什么帮助,我不会遇到与使用 box-shadow 相同的问题吗?感谢您的回复! 我最终使它与覆盖的 div 一起使用,并使用图像来掩盖不需要的阴影。它添加了一些不需要的标记,但它实际上只有一个 div,所以我称之为成功。