CSS——超链接的伪类

为超链接不同的状态设置不同的样式

  1. a元素使用
    :link 未访问的超链接,可设置颜色、字体大小
    :visited 已访问的超链接,可设置颜色,但不可以设置字体大小

  2. 所有元素都可以使用:
    :hover 鼠标移入时状态变化
    :active 鼠标点击(但未松开)时状态变化

	   /* 未访问显示为红色 */
        a:link{
    
    
            color:red;  
        } 
        /* 已访问显示为橙色 */
        a:visited{
    
    
            color:orange;
        /* 鼠标移入字体变大为50px,且变为绿色 */
        }
        a:hover{
    
    
            color:green;
            font-size:50px;
        }
        /* 鼠标点击(但未松开)设置为粉色 */
        a:active{
    
    
            color:darksalmon
        }

 <a href="https://blog.csdn.net/qq_37369201">Surymy</a>
    <br>
    <br>
<a href="https://www.baidu123.com">baidu123</a>

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_37369201/article/details/121084978
今日推荐