CSS3+內側陰影

內側陰影是CSS3中的一種效果，可以讓元素的內部產生陰影效果。這種效果在設計上非常常用，可以增加元素的立體感并且讓網頁看起來更加美觀。

下面我們來看一下樣例代碼：

/*設置box陰影效果*/
box-shadow: inset 5px 5px 10px #888888;
-moz-box-shadow: inset 5px 5px 10px #888888;
-webkit-box-shadow: inset 5px 5px 10px #888888;

其中，box-shadow是CSS3中的內側陰影屬性，inset表示內陰影，5px和10px分別表示陰影的水平偏移距離和垂直偏移距離，#888888是陰影顏色。同時，我們還需要添加-moz-box-shadow和-webkit-box-shadow屬性來兼容火狐瀏覽器和谷歌瀏覽器。

我們可以通過調整水平偏移距離和垂直偏移距離、修改顏色等屬性來創造出不同風格的內側陰影效果。比如下面這個樣例：

box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2), inset -2px -2px 5px rgba(255, 255, 255, 0.4);

這個樣例創建了一個有層次感的內側陰影，同時也包含了兩個顏色層，上面的層使用半透明黑色，下面一層使用半透明白色。

總的來說，內側陰影是CSS3中非常實用的一個屬性，可以讓我們更好地表現元素和設計網頁效果。需要大家多加學習和使用。