上圖

接著HTML代碼：

<div id="color">
<div id="red">紅</div>
<div id="yellow">黃</div>
<div id="black">黑</div>
<div id="green">綠</div>
</div>
<a href="#red">紅</a>
<a href="#yellow">黃</a>
<a href="#black">黑</a>
<a href="#green">綠</a>

css樣式：

#color{
overflow:hidden;
}
div{
height:400px;
width:400px;
}
#red{
height:400px;
width:400px;
background-color:red;
}
#yellow{
height:400px;
width:400px;
background-color:yellow;
}
#black{
height:400px;
width:400px;
background-color:black;
}
#green{
height:400px;
width:400px;
background-color:green;
}

?

總結(jié)

以上是生活随笔為你收集整理的利用锚点再点事吧丨的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。