需求：實現鼠標懸停在鏈接上時，鏈接字體加粗的功能。

實現方式1：

a:hover{font-weight:blod}

結果鼠標懸停的時候，頁面會有跳動的現象。因為改變字體的時候改變了元素的大小，所以引起了頁面的重排，所以會有跳動的現象。

實現方式2：

a:hover{text-shadow: 1px 0 0 currentColor;}

效果對比：

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持武林網。