使用CSS設置陰影可以讓網頁元素更具立體感和視覺效果，下面介紹如何使用CSS設置陰影。 首先，我們需要使用box-shadow屬性來設置陰影。這個屬性接受四個值：偏移量x、偏移量y、模糊半徑和陰影大小。例如： pre { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } 上面的代碼設置了一個向右下角偏移2px、向下偏移2px、模糊半徑為5px、陰影大小為默認值的黑色陰影。 可以使用inset關鍵字來創建內陰影，例如： pre { box-shadow: inset 3px 3px 5px rgba(0, 0, 0, 0.3); } 上面的代碼設置了一個3px的內陰影，其他參數和前面一樣。 可以設置多個陰影，用逗號隔開即可，例如： pre { box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3), -2px -2px 5px rgba(255, 255, 255, 0.3); } 上面的代碼設置了兩個陰影，一個黑色陰影，一個白色陰影。注意，陰影的層次是按照代碼中的順序來的，后面的陰影會覆蓋前面的陰影。 最后，如果想要創建圓角矩形的陰影，可以使用border-radius屬性，例如： pre { border-radius: 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); } 上面的代碼設置了一個10px的圓角矩形陰影。 以上是關于如何使用CSS設置陰影的簡單介紹，希望對你有幫助！