CSS中的內(nèi)外陰影是常用的樣式特效，可以為頁面元素添加立體感和層次感。內(nèi)陰影一般用于模擬元素內(nèi)部的陰影效果，而外陰影則可以營造出元素的浮凸效果。

首先介紹內(nèi)陰影相關(guān)的CSS屬性，其語法格式為：

box-shadow: inset X軸偏移量 Y軸偏移量 模糊半徑 陰影尺寸 陰影顏色;

其中，inset關(guān)鍵字表示生成內(nèi)陰影效果。其他參數(shù)依次為，X軸偏移量、Y軸偏移量、模糊半徑、陰影尺寸和陰影顏色。

/* 生成一個黑色內(nèi)陰影效果 */
div {
box-shadow: inset 0 0 10px #000;
}

外陰影相關(guān)的CSS屬性則為：

box-shadow: X軸偏移量 Y軸偏移量 模糊半徑 陰影尺寸 陰影顏色;

這里不需要inset關(guān)鍵字。其他參數(shù)同內(nèi)陰影。

/* 生成一個灰色外陰影效果 */
div {
box-shadow: 0 0 10px 5px #ccc;
}

需要注意的是，可使用多個陰影效果，用逗號分隔即可。此時(shí)陰影屬性值的順序也非常重要，越后面的陰影效果會被越早渲染。

/* 同時(shí)生成內(nèi)外陰影效果 */
div {
box-shadow: 0 0 10px 5px #ccc, inset 0 0 10px #000;
}

總之，使用內(nèi)外陰影可以為頁面元素添加各種炫酷的特效，在設(shè)計(jì)中起到了重要的作用。