Maison >interface Web >tutoriel HTML >HTML utilise ul li pour implémenter un exemple de code de menu horizontal à plusieurs niveaux
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>.
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!