CSS按鈕變大是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)中常用的技巧,可以使按鈕更加顯眼并吸引用戶的注意。
.btn { font-size: 16px; padding: 10px 20px; border-radius: 5px; background-color: #3498db; color: #fff; transition: all 0.3s ease; } .btn:hover { font-size: 18px; padding: 12px 24px; background-color: #2980b9; }
上面的代碼展示了一個(gè)簡(jiǎn)單的CSS樣式表,其中包含了一個(gè)名為 “.btn” 的class,它定義了一個(gè)按鈕的初始狀態(tài),包括字體大小、內(nèi)邊距、邊框半徑和背景顏色等。
當(dāng)用戶鼠標(biāo)懸停在按鈕上時(shí),CSS定義了一個(gè)名為 “:hover” 的偽類,它將按鈕的字體大小和內(nèi)邊距增加了一些,并將背景顏色變?yōu)樯钏{(lán)色。
通過(guò)這些簡(jiǎn)單的CSS樣式,我們可以輕松地使網(wǎng)頁(yè)按鈕變大并更加突出。