有關於錨點的代碼實現

有關於錨點的小實現:<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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章