<style>
*{ 여백:0; 패딩:0; 목록 스타일:없음;}
img{ 테두리:0;}
.header{ 너비:100%; 배경:#11192c;}
.nav{ 너비:1000px; 여백:0 자동; 오버플로:숨김;}
.nav ul li{ 높이:40px; 줄 높이:40px; 플로트: 오른쪽; 패딩:10px 10px; 여백:0px 5px;위치:상대적;}
.nav ul li a{ color:#8f8f8f; 글꼴 계열:'Microsoft Yahei'; 글꼴 크기:17px; 플로트: 오른쪽; 텍스트 장식:없음;}
.nav ul li a:hover{ color:#ffffff; 텍스트 장식:없음;}
.nav ul li span{ 디스플레이:블록; 위치:절대; 너비:0px; 높이:0px; 배경:#ffffff; 상단:58px; 왼쪽: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>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
학생 여러분, 어떤 효과를 얻고 싶나요? 코드가 너무 많아서 문제를 이해하기 위해 실행할 사람이 필요합니까? 직접 질문하고 사진을 첨부하고 요구 사항을 설명하면 됩니다. 이것이 질문에 가장 빠르게 답변하는 방법입니다