|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 1.link:未访问的状态,相当于普通状态 2.visited 访问过 3.hover 鼠标经过的状态 4.active 鼠标按住 5.focus 点击后的状态 */ 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标签跳转 --> <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> 三英战吕布 <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> |
|
|
来自： 才子傲 > 《HTML学习总结》
