asp.net - 如何使用css创建彩色全圆 Angular 导航菜单

Question

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

Answer 1

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

IE8 及更低版本根本不支持 border-radius，但可以使用各种 hack 来支持，其中 CSS3Pie是迄今为止最好的。 (虽然 IE9 确实支持它很好)

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

所以像这样:

.menu {背景颜色:红色;} .menu:hover {background-color:blue;}

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

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

如果您想通过点击 而不是悬停，您可能会发现您已经使用 Javascript 而不是纯 CSS 完成了一些工作。