当前位置:Gxlcms > 前端框架 > html如何让链接不变色

html如何让链接不变色

时间:2021-07-01 10:21:17 帮助过:77人阅读

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

本教程操作环境: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如何让链接不变色的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行