<style>
*{ マージン:0;パディング:0; list-style:none;}
img{ border:0;}
.header{ width:100%;背景:#11192c;}
.nav{幅:1000px;マージン:0 自動; overflow:hidden;}
.nav ul li{ height:40px;行の高さ:40px;フロート: 右;パディング:10ピクセル 10ピクセル; margin:0px 5px;position:relative;}
.nav ul li a{ color:#8f8f8f; font-family:'マイクロソフト弥平';フォントサイズ:17px;フロート: 右; text-decoration:none;}
.nav ul li a:hover{ color:#ffffff; text-decoration:none;}
.navullispan{display:block;位置:絶対;幅:0px;高さ:0ピクセル;背景:#ffffff;上:58ピクセル; left: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 フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
学生さん、どのような効果を実現したいのですか? 画像を投稿していただけますか? コードが多すぎるので、問題を理解するには誰かに実行してもらう必要がありますか? 質問し、画像を添付し、要件を説明するだけです。 . そして、あなたが使用した方法、これが質問に答える最も早い方法です