用 HTML 在頁面上放置了一個按鈕
<button class="btn">點擊按鈕</button>
如果想要實現當鼠标懸停在按鈕上時，按鈕文字加粗，在 CSS 裡這樣設置
.btn:hover {
font-weight: bolder;
}
但是這樣做了之後，當文字加粗後，勢必會将按鈕的尺寸撐的更大。那麼有可能會影響到按鈕周圍其他 HTML 元素的位置，如果你的頁面内容比較多，而且比較緊湊的話，撐大的按鈕會将周圍的元素推開，這很有可能會擾亂頁面的布局。
如果既要保留按鈕的鼠标懸停文字加粗的效果，還不能影響到周圍元素的位置，可以再給按鈕設定一個固定的尺寸。
.btn {
padding: 1rem;
width: 4rem;
}
.btn:hover {
font-weight: bolder;
}
這樣按鈕的尺寸就不會變化，但是文字在鼠标懸停時會加粗，按鈕周圍的元素也不會受到影響。
以上這種情況一般在頁面頂部的導航條上最為常見，請大家注意。
更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
