首页  >  文章  >  web前端  >  html如何让链接不变色

html如何让链接不变色

青灯夜游
青灯夜游原创
2021-05-17 15:15:265745浏览

html让链接不变色的方法:使用“:link”、“:visited”、“:hover”和“:active”伪类按照顺序,分别设置未访问的链接、已访问的链接、当有鼠标悬停在链接上时、被选择的链接的四种链接状态的链接颜色为同一种即可。

html如何让链接不变色

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

可以通过设置链接样式的伪类将不同情况的链接颜色设为同一种,实现链接不变色。可以使用:link、:visited、:hover、:active等几个伪类设置链接样式。

设置链接颜色的伪类,实现链接不变色:

a:link {color: #0000FF}     /* 未访问的链接 */
a:visited {color: #0000FF}  /* 已访问的链接 */
a:hover {color: #0000FF}    /* 当有鼠标悬停在链接上 */
a:active {color: #0000FF}   /* 被选择的链接 */

说明:

  • :link 伪类向未访问的链接添加特殊的样式。

  • :visited 选择器用于选取已被访问的链接。

  • :hover 选择器用于选择鼠标指针浮动在上面的元素。

  • :active 选择器用于选择活动链接。

(学习视频分享:css视频教程、《html视频教程》)

以上是html如何让链接不变色的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn