更新时间:2022-02-10 13:16:05
让我们向您解释css如何修改超链接的颜色。相信朋友们也应该密切关注这个话题。现在让我们和朋友们谈谈css是如何修改超链接的颜色的。边肖还收集了css如何修改超链接颜色的相关信息。我希望你看到后会喜欢。
css修改超链接颜色的方法:1。通过“a:link”修改超链接颜色;2.通过“a :已访问”更改颜色;3.通过“a :悬停”设置颜色变化;4.通过“a:active”修改颜色。
本文操作环境:windows7系统,HTML5CSS3版本3,戴尔G3电脑。
Css修改超链接颜色:
每个人都应该熟悉超链接A标签。本文主要讲述超链接A标签的基本css样式设置。让我们看看css是如何修改超链接颜色的。
Css可以使用以下伪类来设置超链接:
A:link:是一种非重读风格,可以加入很多东西。例如,这里可以实现去除下划线、改变颜色等功能。
A:visited:是已经点击过的样式,可以添加很多元素,可以进行下划线、变色、放大等功能。
A:hover:这是鼠标悬停风格,后面会用例子介绍。先来了解一下,就是可以设置鼠标停在超链接位置时的颜色变化;
A:active:这是已激活的样式。简单来说,就是点击鼠标瞬间出现的样式。这种风格在很多网站上都可以找到。
使用以下样式修改超链接颜色:
a:link { color: # 000000}/*未访问的链接*/
a : visited { color : # 00ff 00;}/*访问过的链接*/
a:hover { color: # FF00FF}/*将鼠标移到链接上*/
a : active { color : # 0000 ff;}/*当鼠标点击时*/示例:
超文本标记语言
头
样式类型='text/css '
a:link { color: # 000000}/*未访问的链接*/
a : visited { color : # 00ff 00;}/*访问过的链接*/
a:hover { color: # FF00FF}/*将鼠标移到链接上*/
a : active { color : # 0000 ff;}/*当鼠标点击时*/
/style
标题测试CSS/标题
/head
身体
A href='#'PHP中文网站/a
/body
/html【推荐学习:css视频教程】以上是css如何修改超链接颜色的详细内容。请多关注php中文网站的其他相关文章!
来源:php中文网站