CSS中的陰影與透明度是網頁設計中非常有用的功能。它們可以為頁面增添一些深度和維度，增加視覺效果。下面讓我們來詳細了解如何創建陰影和透明度。

創建陰影：

box-shadow: h-shadow v-shadow blur spread color inset;

其中，各個屬性的含義如下：

• h-shadow：陰影的水平位置，可以為正值或負值。
• v-shadow：陰影的垂直位置，可以為正值或負值。
• blur：陰影的模糊程度，數值越大，陰影越模糊。
• spread：陰影的大小，可以為正值或負值，正值表示比原對象更大，負值表示比原對象更小。
• color：陰影的顏色。
• inset：可選屬性，用來指定陰影是否為內陰影，默認為外陰影。

下面是一個示例代碼，顯示一個帶有陰影的div：

div {
width: 200px;
height: 200px;
box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.5);
}

創建透明度：

opacity: value;

其中'value'的取值范圍為0到1，表示元素的透明度程度，0表示完全透明，1表示完全不透明。在CSS中，透明度屬性會自動應用到所有的子元素中，除非使用inherit或者自定義屬性。

下面是一個示例代碼，顯示一個帶有50%透明度的圖片：

img {
opacity: 0.5;
}

通過運用陰影和透明度的技巧，我們可以為頁面增添不同的效果。無論是給按鈕加陰影，讓圖片更柔和，還是讓文字更加醒目，這兩個功能都是非常實用的。