有关于锚点的小实现:<div></div>中可以用id,也可以用name;
<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>
转载于:https://blog.51cto.com/dd118/1678136