c语言编程笔录

首页 >   > 笔记大全

笔记大全

css怎么设置超链接的样式

更新时间:2023-09-10

默认样式

超链接在默认情况下是蓝色的,字体下划线。

        <a href="#">超链接</a>
    

Hover样式

当鼠标悬浮在超链接上时,将会出现下划线。

        <a href="#">超链接</a>
        
        <style>
            a:hover {
                text-decoration: underline;
            }
        </style>
    

Visited样式

当用户访问过一个链接之后,它的颜色将会变成紫色。

        <a href="#">超链接</a>
        
        <style>
            a:visited {
                color: purple;
            }
        </style>
    

Active样式

当用户点击链接时,它的颜色会变成红色。

        <a href="#">超链接</a>
        
        <style>
            a:active {
                color: red;
            }
        </style>
    

总结

通过CSS可以轻松地控制超链接的样式,可以通过设置默认样式、hover样式、visited样式和active样式来控制超链接的不同状态下的样式。