[css] 请使用css写一个多级的下拉菜单

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>* {padding: 0;margin: 0;}a {text-decoration: none;}ul li {float: left;position: relative;list-style: none;margin: 3px;}ul li a {width: 100px;display: block;text-align: center;padding: 10px 20px;background-color: #e8e8e8;}ul li ul {display: none;position: absolute;left: 0;top: 100%;}ul li:hover>ul {display: block;}ul li:hover>a {background-color: bisque;}ul li ul li {clear: both;position: relative;}ul li ul li a {width: 150px;border-top: 1px solid white;}ul li ul li ul {display: none;position: absolute;left: 100%;top: 0;}</style>
</head><body><ul><li><a href="">11111111</a></li><li><a href="">11111111</a><ul><li><a href="">2222</a></li><li><a href="">222</a><ul><li><a href="">2222</a></li><li><a href="">222</a></ul></li></ul></li></ul>
</body></html>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 请使用css写一个多级的下拉菜单相关推荐

CSS+JS仿QQ面板风格的多级折叠下拉菜单
<html><head><title>CSS+JS仿QQ面板风格的多级折叠下拉菜单丨石家庄玻璃隔断|石家庄自动门</title><style ty ...
CSS+JS实现兼容性很好的无限级下拉菜单
CSS+JS实现兼容性很好的无限级下拉菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://ww ...
JS+CSS打造仿QQ面板的三级折叠下拉菜单
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
动态导航多级下拉菜单 html,css3实现的多级渐变下拉菜单导航效果代码
本文实例讲述了css3实现的多级渐变下拉菜单导航效果代码.分享给大家供大家参考.具体如下: 这是一款基于css3实现的下拉菜单导航,是非常漂亮的动画菜单,而且是多级菜单的形式,测试时发现可支持5级,估 ...
html下拉列表插件,js+CSS实现模拟华丽的select控件下拉菜单效果
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个 ...
【HTML+CSS】实现网页的导航栏和下拉菜单
熟练的使用导航栏,对于任何网站都非常重要,我们可以使用CSS转换为好看的导航栏而不是枯燥的HTML菜单.同时,我们使用 CSS 可以创建一个鼠标移动上去后显示下拉菜单的效果. 水平导航栏: 垂直导航栏 ...
html下拉框12个月,html 如何实现一个“圆角select下拉菜单”呢？
摘要: 下文讲述css设置一个圆角select下拉框的示例分享,如下所示: 圆角可以让一个元素看起来更圆滑和美观,所以html元素进行会设置将其设置圆角这一操作, 下文讲述对select下拉框设置圆角 ...
多级手风琴下拉菜单插件metisMenu.js
下载地址 metisMenu.js是一个纯JavaScript导航菜单插件,可以帮助你创建响应式,动画,手风琴/下拉菜单导航.主要特色光滑的折叠/展开动画.启用AJAX.兼容的桌面和移动.事件处理程序 ...
jQuery实现一个淡入淡出下拉菜单非常简易
前段时间我一直在向大家推荐CSS3和HTML5的东西,尽管看上去很炫,但也有不少网友抱怨兼容性问题,所以今天开始我也会陆续向大家介绍一些兼容性较好的jQuery插件.今天先分享一款利用jQuery实现 ...

[css] 请使用css写一个多级的下拉菜单

[css] 请使用css写一个多级的下拉菜单

个人简介

主目录

[css] 请使用css写一个多级的下拉菜单相关推荐

最新文章

热门文章