如何解决如何使用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下拉菜单
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。