如何使用css创建颜色全圆角导航菜单

Question

在asp.net中如何使用css创建彩色全圆角导航菜单，每当用户点击父节点时，所有子节点都将显示，父节点的颜色将会改变。

Answer 1

CSS使用border-radius样式完成圆角。它现在在所有浏览器中得到广泛支持，但您可能需要添加一些供应商前缀以支持旧版本的浏览器。

IE8及更低版本根本不支持border-radius，但可以使用各种黑客进行此操作，其中CSS3Pie是最好的。 （IE9确实支持它就好了）

对于在鼠标悬停时更改颜色并下拉子菜单的菜单，您可以使用:hover CSS选择器。

这样的事情：

.menu {background-color：red;}    .menu：悬停{background-color：blue;}

当然还有更多内容，特别是当您谈论下拉菜单时，这是您需要了解的基本样式表功能。

网上有很多这方面的教程，但这看起来很不错：http://divitodesign.com/css/how-to-dropdown-css-menu/

如果你想在上点击而不是悬停，你可能会发现你已经使用Javascript而不是纯CSS做了一些工作。

Answer 2

使用ajax Rounded Corners或您可以使用圆角图像。网上有大量的jquery下拉菜单