如何实现这种效果（圆角和下拉菜单）

Question

我试图找出如何复制此效果，如Aviary

所示

Answer 1

我认为这样做的唯一方法是使用图像; my site使用图片。使用CSS3可能有可能，但标记会很可怕！

詹姆斯

Answer 2

不要听图像爱好者，我已经在两次没有图像或额外标记的情况下解决了这个问题：

The most semantic way of making this container

CSS to create curved corner between two elements?

这是关于“发现创作”，好像它是一个圆形的绿色按钮。

Answer 3

http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

这将为你提供一个10的起点。圆角可能是一个图像。

Answer 4

根据萤火虫，他们使用http://images.aviary.com/images/layout/nav/link.gif的图像。

更简单的方法是使用圆角，这样绿色部分有圆角，位于灰色部分上方。

Answer 5

这是制作圆角的25种不同方法。选一个。 :) http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

（实际上并不是25种技术，而是指向25个不同网站的链接，解释了如何操作。）

Answer 6

如果只有少数几个，你可以使用javascript快速轻松地完成它。

See Here

---