Rumah > Artikel > hujung hadapan web > css怎么修改超链接的颜色
css怎么修改超链接的颜色
- 藏色散人asal
- 2021-04-13 09:48:089473semak imbas
css修改超链接颜色的方法：1、通过“a:link”修改超链接颜色；2、通过“a:visited”改颜色；3、通过“a:hover”设置变颜色；4、通过“a:active”修改颜色。
本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。
css修改超链接颜色:
超链接a标签大家都应该很熟悉，这篇文章主要的讲的是a标签的基础css样式设置，下面我们来看一下css修改超链接颜色的方法。
css可以使用下面几个伪类来设置超链接：
a:link ：是未被访问的样式，可以在里面加很多东西，比如说去掉下划线，换颜色等功能都能在这里实现；
a:visited ：是已被点击后的样式，也可以在里面加很多元素，可以去下划线，改颜色，放大等功能；
a:hover ：这个是鼠标悬停的样式，这个等下有实例介绍，我们先来认识一下，是把鼠标停在超链接的位置的时候可以设置变颜色；
a:active ：这个说是已被激活的样式，简单得说就是能把鼠标点上去的时候，瞬间出的样式，在很多网站上都有这种样式的；
使用下面的样式即可修改超链接颜色：
a:link{color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */示例：
<html>
<head>
<style type="text/css">
a:link {color:#000000;} /* 未访问链接*/
a:visited {color:#00FF00;} /* 已访问链接 */
a:hover {color:#FF00FF;} /* 鼠标移动到链接上 */
a:active {color:#0000FF;} /* 鼠标点击时 */
</style>
<title>test css</title>
</head>
<body>
<a href="#">PHP中文网</a>
</body>
</html>【推荐学习：css视频教程】
Atas ialah kandungan terperinci css怎么修改超链接的颜色. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：css怎么设置行距Artikel seterusnya：css怎么设置下边框