Rumah > Artikel > hujung hadapan web > css怎么设置超链接颜色
css怎么设置超链接颜色
- 藏色散人asal
- 2021-05-14 10:50:437392semak imbas
css设置超链接颜色的方法：1、通过“a:link{color:#000000;}”设置未访问链接的颜色；2、通过“a:visited {color:#00FF00;}”设置已访问链接的颜色等等。
本文操作环境：Windows7系统、HTML5&&CSS3版、Dell G3电脑
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="#">HTML中文网</a>
</body>推荐学习：《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中margin什么意思Artikel seterusnya：css选择器是什么意思