基于此菜单结构：
我想纯粹使用基于 CSS 的菜单系统，但不确定根据“主页”和“关于我们”获得蓝色凝胶 2D 按钮外观的最佳方法是什么？
我基本上想知道如何实现这个按钮的外观，然后在 CSS 中使用这个背景按钮，然后能够通过 html/css 添加标签。
这可能吗？
任何实现此目的的示例教程将不胜感激。我还可以使用 Photoshop。
谢谢。
【问题讨论】：
标签： html css menu photoshop slice
所以，这是一个多部分的答案：
您所说的按钮设计是在图形本身中完成的（因此，如果您想获得真正的技术性，它并不完全是 PURE css）这里有一个如何制作“宝石光泽外观”的示例：http://iris-design.info/photoshop/web-20-style-buttons/ 它可以轻松调整以获得您想要的外观。另请注意，有几个网站将创建一个珠宝般的 web 2.0 按钮（我讨厌这个词！），而无需 Photoshop。只需谷歌“web 2.0 按钮生成器”
为了方便起见，我假设您使用的是嵌套
一项改进是使用精灵来加快加载速度并减少响应时间。更多信息请看这里：http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/
好的，现在，说了这么多，很多人已经正面攻击了这个问题，并且有一些非常优雅的解决方案基本上是为您完成的。考虑在 Smashing 等网站上四处寻找现成的解决方案来提供帮助。就个人而言，我是超级吸盘和 Jquery 带来的吸盘式菜单的忠实粉丝。你是否想走那条路当然是个人喜好。
祝你好运。
【讨论】：