!DOCTYPE html html head meta charsetUTF-8 title/title style typetext/css /*设置顺序 l v h a*/ a{ font-size: 30px; } /*当超链接正常情况下的样式*/ a:link{ text-decoration: none; color: red; font-size: 20px; } /*当鼠标移开超链接的时候的样式*/ a:visited{ /*浏览器对它进行限制只能修改颜色*/ color: blue; } /*当鼠标滑入的时候的样式*/ a:hover{ text-decoration: overline; color: yellow; font-size: 30px; } /*当鼠标按下去不松开的时候的样式*/ a:active{ text-decoration: none; color: green; font-size: 50px; } /style /head body !--伪类选择器-- a href#我是一个可爱的超链接/a /body /html鼠标未放上去正常样式鼠标划入的样式鼠标点击不松开的样式