首页 > web前端 > css教程 > Css基本样式链接的详细介绍

Css基本样式链接的详细介绍

高洛峰
发布: 2017-03-26 11:32:42
原创
1791 人浏览过

这篇文章主要为大家详细介绍了Css基本样式链接,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

一、Css链接的四种状态

    1.a:link    普通的、未被访问的链接    

    2.a:visited    用户已访问的链接

    3.a:hover    鼠标指针位于链接的上方

    4.a:active    链接被点击的时刻

a:link{
    color: #FF0000;
}
a:visited{
    color: #00FF00;
}
a:hover{
    color:#0000FF;
}
a:active{
    color: #0000FF;
}
登录后复制

二、常见的链接方式

    text-decoration属性大多用于去掉链接中的下划线

a:link{
    color: #FF0000;
    text-decoration: none;
}
登录后复制

三、设置背景颜色

    background-color

a:link{
    background-color: aquamarine;
}
登录后复制

以上是Css基本样式链接的详细介绍的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板