跳到主要内容

1 篇博文 含有标签「链接」

查看所有标签

· 阅读需 3 分钟
编程范儿

网页中 <a> 标签是带有如下这样一个下划线的样式,我们也可以通过 text-decoration 属性去设置成别的样式。

而我们今天要讨论的下划线动画,是无法直接通过哪个 CSS 属性设置的。我们只能通过伪造的方式模拟出一个下划线的效果。

首先我们将 <a> 标签的默认下划线去掉,然后将鼠标 hover 后的字体颜色保持一致。