Css基本样式————链接

简介:

一、Css链接的四种状态

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
a:link{
     color: #FF0000;
}
a:visited{
     color: #00FF00;
}
a:hover{
     color:#0000FF;
}
a:active{
     color: #0000FF;
}


二、常见的链接方式

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

1
2
3
4
a:link{
     color: #FF0000;
     text-decoration: none;
}


三、设置背景颜色

    background-color

1
2
3
a:link{
     background-color: aquamarine;


本文转自yeleven 51CTO博客,原文链接:http://blog.51cto.com/11317783/1771959
相关文章
|
1月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
32 0
|
1月前
|
前端开发 JavaScript
css之伪类hover改变自身、子元素、其他元素的样式
css之伪类hover改变自身、子元素、其他元素的样式
28 0
|
1月前
|
前端开发 JavaScript
webpack成长指北第7章---webpack的css\less\scss样式打包
webpack成长指北第7章---webpack的css\less\scss样式打包
42 0
|
14天前
|
前端开发
|
17天前
|
移动开发 前端开发
【通用CSS模板】移动端H5页面统一样式.css
【通用CSS模板】移动端H5页面统一样式.css
|
21天前
|
XML 前端开发 数据格式
css添加样式
【4月更文挑战第4天】css添加样式
21 9
|
23天前
|
前端开发 UED
CSS——如何取消a链接点击时的背景颜色
CSS——如何取消a链接点击时的背景颜色
8 1
|
1月前
|
JavaScript 前端开发
如何在 Vue 中进行样式绑定和scoped CSS?
如何在 Vue 中进行样式绑定和scoped CSS?
15 0
|
1月前
|
前端开发
uni-app中基于bootstrap的css样式
uni-app中基于bootstrap的css样式
23 0
|
1月前
|
前端开发 开发者
编程笔记 html5&css&js 017 HTML样式
编程笔记 html5&css&js 017 HTML样式