How to create color full rounded corner navigation menu using css

In asp.net How to create color full rounded corner navigation menu using css and whenever user click on parent node then all the child node wiil be displ开发者_JAVA技巧ay and color of the parent node will be change.

CSS Rounded corners are done using the border-radius style. It's widely supported in all browsers now, but you may need to add some vendor prefixes to support older versions of browsers.

IE8 and lower does not support border-radius at all, but can be made to do so using various hacks, of which CSS3Pie is by far the best. (IE9 does support it just fine though)

For menus that change colour and drop down the submenu when you mouse-over, you can use the :hover CSS selector.

So something like this:

.menu {background-color:red;} .menu:hover {background-color:blue;}

Of course there's more to it than that, especially when you're talking about drop-down menus, but that's the basic stylesheet functionality you need to know.

There's a whole bunch of tutorials for this on the web, but this looks like a good one: http://divitodesign.com/css/how-to-dropdown-css-menu/

If you want to do it on click rather than hover, you might find you have do some of the work with Javascript rather than pure CSS.

Use ajax Rounded Corners or you can use rounded images. There are loads of jquery dropdown menus available on net