将鼠标悬停在HTML中的链接上时如何更改链接颜色

将鼠标悬停在HTML中的链接上时如何更改链接颜色当访问者将鼠标悬停在链接上时更改链接颜色有助于指示您的网页或博客上可单击的内容。更改页面链接颜色,将以下代码实施到网页的HTML(超文本标记语言)或CSS (层叠样式表)代码的 <head></head> 部分中。

下面的示例介绍了如何在 CSS 中更改网页的链接属性。要在将鼠标移动到链接上时更改链接颜色,您只需要“a:hover”行。

<style type="text/css"> 

a:link { 颜色: 黑色; 文本装饰:无;字体粗细:正常;}

a:访问过 { 颜色: 黑色; 文本装饰:无;字体粗细:正常;}

a:活动{ 颜色: 黑色; 文本装饰:无;}

a:悬停{ 颜色: 蓝色; 文本装饰:无;字体粗细:无;}

</风格>

悬停- 悬停选项是当鼠标悬停在链接上时文本更改的颜色。在此示例中,当鼠标光标悬停在链接上时,链接会变为蓝色。

提示此 CSS 代码也可以插入到外部 CSS 文件中以加载到每个网页上。

以上是 将鼠标悬停在HTML中的链接上时如何更改链接颜色 的全部内容, 来源链接: utcz.com/dzbk/943042.html

回到顶部