欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

html如何让链接不变色

程序员文章站 2022-03-24 09:14:31
...

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如何让链接不变色的详细内容,更多请关注其它相关文章!

相关标签: html 链接 css