|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 1.link:未訪問的狀態(tài),相當(dāng)于普通狀態(tài) 2.visited 訪問過 3.hover 鼠標經(jīng)過的狀態(tài) 4.active 鼠標按住 5.focus 點擊后的狀態(tài) */ a:link{ color: purple; } a:visited{ color: orange; } a:hover{ color: red; } a:active{ color: greenyellow; } /*a:focus{ color: aqua; }*/
</style> </head> <body> <a href="###">我是一個a標簽</a> <!-- 錨點:用a標簽跳轉(zhuǎn) --> <hr /> <a href="#1F">三國演義</a> <a href="#2F">水滸傳</a> <a href="#3F">西游記</a> <a href="#4F">金瓶梅</a> <a href="#5F">封神演義</a> <hr /> <a name="1F"></a> 三英戰(zhàn)呂布 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="2F"></a> 武松打虎 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="3F"></a> 孫悟空三打白骨精 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="4F"></a> 金瓶梅 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <a name="5F"></a> 封神榜 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
</body> </html> |
|
|
