<style>
*{ margin:0; remplissage : 0 ; list-style:aucun;}
img{ border:0;}
.header{ width:100%; background:#11192c;}
.nav{largeur:1000px; marge : 0 automatique ; overflow:hidden;}
.nav ul li{ hauteur:40px; hauteur de ligne : 40 px ; Flotter à droite; remplissage : 10 px 10 px ; margin:0px 5px;position:relative;}
.nav ul li a{ color:#8f8f8f; famille de polices : « Microsoft Yahei » ; taille de police : 17 px ; Flotter à droite; text-decoration:none;}
.nav ul li a:hover{ color:#ffffff; text-decoration:none;}
.nav ul li span{ display:block; position : absolue ; largeur:0px; hauteur:0px; arrière-plan :#ffffff ; haut : 58 px ; gauche:50%;}
</style>
</head>
<body>
<!-- 代码begin -->
<div class="header"> ;
<div class="nav">
<ul>
<li><a href='#'>1</a><span></span> ;</li>
<li><a href='#'>2</a><span></span></li>
<li><a href='#'>3</a><span></span></li>
<li><a href='#'>4</a><span> ;</span></li>
<li><a href='#'>5</a><span></span></li>
< li><a href='#'>6</a><span></span></li>
</ul>
</div>
</ div>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Étudiant, quel effet voulez-vous obtenir ? Pouvez-vous publier une photo ? Avec autant de code, devez-vous demander à quelqu'un de l'exécuter pour comprendre votre problème ? Posez simplement la question directement, joignez l'image, expliquez les exigences, et vous C'est le moyen le plus rapide de répondre aux questions