在CSS3中，您可以使用box-shadow屬性為元素添加陰影效果。box-shadow屬性的語法如下：
box-shadow: [inset] x-offset y-offset blur-radius spread-radius color;
參數說明：
inset（可選）：將陰影設置為內部陰影，而不是外部陰影。默認值為none。x-offset（必需）：陰影在水平方向上的偏移量。正值表示陰影向右偏移，負值表示陰影向左偏移。y-offset（必需）：陰影在垂直方向上的偏移量。正值表示陰影向下偏移，負值表示陰影向上偏移。blur-radius（可選）：陰影的模糊半徑。值越大，陰影越模糊。默認值為0。spread-radius（可選）：陰影的擴展半徑。正值表示陰影向外擴展，負值表示陰影向內收縮。默認值為0。color（必需）：陰影的顏色。示例：
/* 為元素添加外部陰影 */
.box {
width: 100px;
height: 100px;
background-color: red;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
}
/* 為元素添加內部陰影 */
.box {
width: 100px;
height: 100px;
background-color: red;
box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.5);
}
請注意，box-shadow屬性可以同時設置多個陰影，只需用逗號分隔每個陰影的參數即可。
/* 為元素添加多個陰影 */
.box {
width: 100px;
height: 100px;
background-color: red;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5);
}
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
