使用CSS為按鈕添加內(nèi)側(cè)陰影，可以讓按鈕看起來更立體，增加用戶點(diǎn)擊的觸感，下面我們來學(xué)習(xí)一下如何實(shí)現(xiàn)。 首先，在HTML文件中添加一個(gè)button元素，并添加class名： ```按鈕``` 接著，在CSS文件中定義.btn樣式，并添加box-shadow屬性實(shí)現(xiàn)內(nèi)側(cè)陰影： ``` .btn { padding: 8px 16px; background-color: #4CAF50; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); } ``` 我們可以看到，box-shadow屬性中的inset關(guān)鍵字表示內(nèi)側(cè)陰影，后面的三個(gè)數(shù)字分別表示陰影水平偏移、垂直偏移和模糊半徑，rgba(0,0,0,0.5)表示陰影的顏色，這里采用了半透明的rgba顏色，可以根據(jù)需要進(jìn)行調(diào)整。 最終的樣式如下所示： ```按鈕``` ``` .btn { padding: 8px 16px; background-color: #4CAF50; border: none; color: white; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.5); } ``` 值得一提的是，box-shadow屬性還可以添加spread值，表示陰影擴(kuò)散程度，也可以同時(shí)添加多層陰影效果，具體可以根據(jù)需要進(jìn)行探索和嘗試。 通過以上的學(xué)習(xí)，我們應(yīng)該可以輕松地為按鈕添加內(nèi)側(cè)陰影效果了，你可以根據(jù)自己的喜好和需求調(diào)整陰影的顏色、位置和程度，讓你的頁面更加豐富多彩。