CSS樣式中添加陰影的方法

在CSS樣式中，我們可以使用box-shadow屬性來(lái)添加陰影。box-shadow屬性可以指定陰影的大小、顏色、模糊度和位置，下面是一些示例代碼：

/示例1添加水平陰影 */
div {
  box-shadow: 10px 0 5px rgba(0, 0, 0, 0.5);
}
/示例2添加垂直陰影 */
div {
  box-shadow: 0 10px 5px rgba(0, 0, 0, 0.5);
}
/示例3添加多個(gè)陰影 */
div {
  box-shadow: 10px 0 5px rgba(0, 0, 0, 0.5),
             -5px 5px 5px rgba(0, 0, 0, 0.5);
}

在上面的代碼中，box-shadow屬性的***個(gè)參數(shù)指定了陰影的水平偏移量，第二個(gè)參數(shù)指定了陰影的垂直偏移量，第三個(gè)參數(shù)指定了陰影的模糊度，第四個(gè)參數(shù)指定了陰影的顏色和透明度，通過(guò)調(diào)整這些參數(shù)，我們可以實(shí)現(xiàn)不同的陰影效果。

除了box-shadow屬性外，我們還可以使用text-shadow屬性來(lái)添加文本陰影。text-shadow屬性可以為文本添加多個(gè)陰影，每個(gè)陰影由顏色、水平和垂直偏移量組成，下面是一個(gè)示例代碼：

h1 {
  text-shadow: 2px 2px 4px #333,
               -1px -1px 2px #555,
               -2px -2px 3px #777;
}

在上面的代碼中，text-shadow屬性的每個(gè)參數(shù)都指定了一個(gè)陰影的顏色、水平和垂直偏移量，通過(guò)調(diào)整這些參數(shù)，我們可以實(shí)現(xiàn)不同的文本陰影效果。

CSS樣式中提供了多種添加陰影的方法，我們可以根據(jù)具體的需求選擇適合的方法來(lái)實(shí)現(xiàn)所需的陰影效果。