CSS3陰影分為兩類：內(nèi)陰影和外陰影。下面讓我們分別來看看。

/* 外陰影 */
box-shadow: h-shadow v-shadow blur spread color inset;
/* 內(nèi)陰影 */
box-shadow: inset h-shadow v-shadow blur spread color;

外陰影指的是投影在元素外部的陰影，不影響原本元素的樣式和形狀。其參數(shù)包括：

• h-shadow: 陰影水平偏移量，可以是正負(fù)值。
• v-shadow: 陰影垂直偏移量，可以是正負(fù)值。
• blur: 模糊半徑，可以是0，也可以是正值。
• spread: 陰影擴(kuò)展半徑，可以是0，也可以是正負(fù)值。正值會(huì)讓陰影變大，負(fù)值會(huì)讓陰影變小。
• color: 陰影顏色。
• inset（可選）: 如果指定了該值，則會(huì)創(chuàng)建一個(gè)內(nèi)陰影。否則默認(rèn)創(chuàng)建一個(gè)外陰影。

內(nèi)陰影指的是投影在元素內(nèi)部的陰影，通常用于制作深度感或裝飾效果。其參數(shù)包括：

• h-shadow: 陰影水平偏移量，可以是正負(fù)值。
• v-shadow: 陰影垂直偏移量，可以是正負(fù)值。
• blur: 模糊半徑，可以是0，也可以是正值。
• spread: 陰影擴(kuò)展半徑，可以是0，也可以是正負(fù)值。正值會(huì)讓陰影變大，負(fù)值會(huì)讓陰影變小。
• color: 陰影顏色。
• inset: 固定為“inset”，表示創(chuàng)建一個(gè)內(nèi)陰影。

這就是CSS3陰影的兩個(gè)分類。它們可以幫助我們制作出更美觀、立體感更強(qiáng)的網(wǎng)頁和應(yīng)用程序界面。