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

问题描述

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

解决方法

CSS圆角使用

border-radius

样式完成。现在，它已在所有浏览器中得到广泛支持，但是您可能需要添加一些供应商前缀才能支持旧版浏览器。 IE8和更低版本完全不支持

border-radius

，但是可以使用各种技巧来做到这一点，其中CSS3Pie迄今为止是最好的。 （IE9确实支持它） 对于在鼠标悬停时会更改颜色并下拉子菜单的菜单，可以使用

:hover

CSS选择器。 所以像这样： .menu {background-color：red;}    .menu：hover {background-color：blue;} 当然，这还不止于此，特别是在谈论下拉菜单时，但这是您需要了解的基本样式表功能。 网络上有很多关于此的教程，但这看起来不错：http://divitodesign.com/css/how-to-dropdown-css-menu/ 如果您想单击而不是悬停地进行操作，则可能会发现使用Javascript而非纯CSS可以完成某些工作。     ,使用ajax圆角，或者可以使用圆角的图像。网上有大量的jQuery下拉菜单