鍦–SS涓紝鍙互浣跨敤`box-shadow`灞炴€ф潵璁剧疆鎸夐挳鐨勯槾褰辨晥鏋溿€俙box-shadow`灞炴€у彲浠ユ帴鍙楀涓€硷紝鐢ㄩ€楀彿鍒嗛殧锛屾瘡涓€艰〃绀轰竴涓槾褰辨晥鏋溿€?br/>璇硶濡備笅锛?br/>```css
box-shadow: h-shadow v-shadow blur spread color inset;
```
- `h-shadow`琛ㄧず姘村钩闃村奖鐨勪綅缃紝鍙互鏄鍊硷紙鍚戝彸鍋忕Щ锛夋垨璐熷€硷紙鍚戝乏鍋忕Щ锛夈€?br/>- `v-shadow`琛ㄧず鍨傜洿闃村奖鐨勪綅缃紝鍙互鏄鍊硷紙鍚戜笅鍋忕Щ锛夋垨璐熷€硷紙鍚戜笂鍋忕Щ锛夈€?br/>- `blur`琛ㄧず闃村奖鐨勬ā绯婄▼搴︼紝鍙互鏄鍊硷紙妯＄硦锛夋垨0锛堜笉妯＄硦锛夈€?br/>- `spread`琛ㄧず闃村奖鐨勬墿灞曞ぇ灏忥紝鍙互鏄鍊硷紙鎵╁ぇ锛夋垨璐熷€硷紙缂╁皬锛夈€?br/>- `color`琛ㄧず闃村奖鐨勯鑹层€?br/>- `inset`琛ㄧず鏄惁灏嗛槾褰辫缃负鍐呴槾褰憋紝鍙互鏄痐inset`锛堝唴闃村奖锛夋垨涓嶈缃紙澶栭槾褰憋級銆?br/>
浠ヤ笅鏄竴涓缃寜閽槾褰辩殑绀轰緥锛?br/>```css
button {
 box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
```
杩欎釜绀轰緥浼氬湪鎸夐挳鐨勫彸涓嬫柟娣诲姞涓€涓?鍍忕礌鍚戝彸銆?鍍忕礌鍚戜笅鐨勯粦鑹查槾褰憋紝妯＄硦绋嬪害涓?鍍忕礌銆?br/>浣犲彲浠ユ牴鎹渶瑕佽皟鏁碻h-shadow`銆乣v-shadow`銆乣blur`銆乣spread`鍜宍color`鐨勫€兼潵瀹炵幇涓嶅悓鐨勯槾褰辨晥鏋溿€?/p>