0

基于此菜单结构：

菜单系统

我想纯粹使用基于 CSS 的菜单系统，但不确定基于“主页”和“关于我们”获得蓝色凝胶 2D 按钮外观的最佳方法是什么？

我基本上想知道如何实现这个按钮的外观，然后在 CSS 中使用这个背景按钮，然后能够通过 html/css 添加标签。

这可能吗？

任何实现此目的的示例教程将不胜感激。我还可以访问 Photoshop。

谢谢。

4

1 回答 1

1

所以，这是一个多部分的答案：

您所说的按钮设计是在图形本身中完成的（因此，如果您想获得真正的技术，它并不完全是纯 css） 如何制作“宝石光泽外观”的示例如下： http://iris-design .info/photoshop/web-20-style-buttons/ 它可以轻松调整以获得您想要的外观。另请注意，有几个网站将创建一个珠宝般的 web 2.0 按钮（我讨厌这个词！），而无需 Photoshop。只需谷歌“web 2.0 按钮生成器”

为了让事情变得更容易，我将假设您正在使用嵌套

  • 标签使菜单发生。只需将适当列表项的背景设置为您的图像，无需重复，并将高度和宽度设置为适合图像本身的正确大小。瞧，背景中的图像而不是它当前具有的 css 样式背景。

    一个改进是使用精灵来加速加载并减少响应时间。有关更多信息，请参见此处： http ://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

    好的，现在，说了这么多，很多人已经正面攻击了这个问题，并且有一些非常优雅的解决方案基本上是为你完成的。考虑在 Smashing 等网站上四处寻找现成的解决方案来提供帮助。就个人而言，我是超级吸盘和 Jquery 带来的吸盘式菜单的忠实粉丝。您是否想走那条路当然是个人喜好。

    祝你好运。

    • 于 2010-07-12T16:24:47.207 回答