网页中 <a>
标签是带有如下这样一个下划线的样式,我们也可以通过 text-decoration
属性去设置成别的样式。
而我们今天要讨论的下划线动画,是无法直接通过哪个 CSS 属性设置的。我们只能通过伪造的方式模拟出一个下划线的效果。
首先我们将 <a>
标签的默认下划线去掉,然后将鼠标 hover 后的字体颜色保持一致。
网页中 <a>
标签是带有如下这样一个下划线的样式,我们也可以通过 text-decoration
属性去设置成别的样式。
而我们今天要讨论的下划线动画,是无法直接通过哪个 CSS 属性设置的。我们只能通过伪造的方式模拟出一个下划线的效果。
首先我们将 <a>
标签的默认下划线去掉,然后将鼠标 hover 后的字体颜色保持一致。