Heim > Artikel > Web-Frontend > HTML verwendet ul li, um Beispielcode für mehrstufige horizontale Menüs zu implementieren
HTML verwendet ul li, um Beispielcode für mehrstufige horizontale Menüs zu implementieren
- 高洛峰Original
- 2017-03-26 10:50:413190Durchsuche
Dieser Artikel teilt Ihnen hauptsächlich die relevanten Informationen über den Beispielcode zur Verwendung von HTML zur Implementierung eines mehrstufigen horizontalen Menüs mit ul li. Interessierte Freunde können darauf verweisen
<html>
<head>
<meta charset="utf-8"/>
<title>UL LI 实现多级横向菜单</title>
<style>
#menu1 li{width:50px;height:20px;background:red;margin-left:2px;float:left}
#menu1 li ul{display:none;}
#menu1 li:hover ul{display:block;}
</style>
</head>
<body>
<ul id="menu1">
<li>首页<ul><li>新闻</li><li>图片</li></ul></li>
<li>用户<ul><li>帖子</li><li>相册</li></ul></li>
<li>系统<ul><li>设置</li></ul></li>
</ul>
</body>
</html>Das obige ist der detaillierte Inhalt vonHTML verwendet ul li, um Beispielcode für mehrstufige horizontale Menüs zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn