有关于锚点的小实现：
<body> <p class="nav"> <a href="#1">第一个</a> <a href="#2">第二个</a> <a href="#3">第三个</a> <a href="#4">第四个</a> <a href="#5">第五个</a> </p> <div id="1">1</div> <div id="2">2</div> <div id="3">3</div> <div id="4">4</div> <div id="5">5</div> </body>
css部分：
<style type="text/css">
body{
font-family:arial;
height:2000px;
}
.nav{
margin:50px auto 0;
text-align:center;
background-color:#cfcfcf;
line-height:40px;
}
.nav a{
display:inline-black;
padding:5px 10px;
font-size:14px;
text-decoration:none;
color:#fff;
text-shadow:1px 1px 5px #04acef;
}
.nav a:hover{
background-color:#04acef;
}
div{
line-height:130px;
box-shadow:1px 1px 10px #ccc;
font-size:30px;
text-align:center;
}
</style>
时间： 2024-11-15 00:47:44