lovecoding
/
J250419


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243
							<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>CSS链接样式</title>
    <style>
        /*设置a标签链接的状态样式*/
        /*
            a标签有四种状态：
                正常的，未被访问链接
                用户访问过的链接
                用户将鼠标悬停在链接上时
                链接被点击时的状态
        */
        /*正常的，未被访问链接*/
        a:link{
            color: #000;
            text-decoration: none;/*删除链接的下划线*/
            background-color: #d7cece;
        }
        /*用户访问过的链接*/
        a:visited{
            color: #0f0;
        }
        /*用户将鼠标悬停在链接上时*/
        a:hover{
            /*color: #f00;*/
            background-color: #b8b1b1;
        }
        /*链接被点击时的状态*/
        a:active{
            color: #00f;
        }
    </style>
</head>
<body>
    <a href="#" target="_blank">首页</a>
    <a href="#" target="_blank">用户管理</a>
    <a href="#" target="_blank">部门管理</a>
    <a href="#" target="_blank">账号管理</a>
    <a href="#" target="_blank">系统设置</a>
</body>
</html>