超链接的四种状态

<style type="text/css">
            /*点击未释放，黄色*/
            a:active{
                background-color: yellow;
            }

            /*有链接属性时，绿色*/
            a:link{
                background-color: green;
            }

            /*鼠标悬停，红色*/
            a:hover{
                background-color: red;
            }
            /*点击链接后，蓝色*/
            a:visited{
                color:blue;
            }

        </style>

body内容

<!--当a标签中有visited时，在浏览器想测试第二遍时必须清楚浏览器缓存，才能继续测试超链接的效果，谷歌浏览器是Ctrl+h,点击清除数据-->

        <a href="new_file2.html" target="_blank">啊啊啊啊啊啊啊啊</a>

看效果如：
1.有链接属性是link，初始状态，背景为绿色

2.鼠标悬浮状态时为hover，背景为红色

3.鼠标点击未松开active,背景为黄色

4.鼠标点击后状态visited，背景为蓝色

ps:怎么图片有点问题，超链接这个东西弄了好久，不知道文字颜色和背景颜色重叠了的原因导致颜色改变，等bz仔细研究一下。有知道原因的大神，有时间可以指点一下，评论或者私信都行，谢谢！！！