欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-08 18:45:55
...
这篇文章主要为大家详细介绍了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基本样式链接的详细介绍的详细内容,更多请关注其它相关文章!

相关标签: Css