简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

HTML utilise ul li pour implémenter un exemple de code de menu horizontal à plusieurs niveaux

高洛峰
Libérer： 2017-03-26 10:50:41
original
3188 Les gens l'ont consulté

Cet article partage principalement avec vous les informations pertinentes sur l'exemple de code d'utilisation de HTML pour implémenter un menu horizontal à plusieurs niveaux à l'aide de ul li. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer 

<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>
Copier après la connexion
.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées：
html
source：php.cn
Article précédent：Explication détaillée de l'épissage JavaScript de fragments HTML à l'aide d'exemples de barre oblique inverse Article suivant：Explication détaillée du code de contrôle des paragraphes html
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Tirer parti des composants VueJS en PHP Je souhaite mélanger le HTML de base généré par les composants Php et VueJS sans avoir à u...
Depuis 2023-11-11 00:01:44
0
2
288
Comment utiliser la balise primitive ouverte dans Next JS 13 ? Dans la récente mise à jour NextJS13, ils ont introduit une nouvelle façon de gérer les ba...
Depuis 2023-11-10 23:03:51
0
1
527
Le mailer PHP ne fonctionne pas : pas de journal d'erreurs, le message indique envoyé mais non reçu Je ne reçois aucun journal d'erreurs dans le journal des erreurs php de mon serveur Web. J...
Depuis 2023-11-10 15:02:39
0
1
218
v-date-picker pour sélectionner uniquement le mois et l'année S'il vous plaît dites-moi s'il existe un autre moyen de procéder en utilisant v-date-picke...
Depuis 2023-11-10 14:05:05
0
1
269
Le titre réécrit est : SweetAlert2 : les paramètres "onBeforeOpen" sont inconnus J'utilise Laravel5.8 avec Sweetalertv2 et j'essaie de déclencher cette alerte sur Blade av...
Depuis 2023-11-10 09:39:01
0
1
257
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！