CSS陰影的顏色設(shè)定

在CSS中，我們可以使用box-shadow屬性來添加陰影，并通過color屬性來設(shè)定陰影的顏色，以下是一些示例代碼：

div {
  width: 200px;
  height: 200px;
  box-shadow: 10px 10px 5px color(red);
}

在上面的代碼中，color(red)用于設(shè)定陰影的顏色為紅色，除了紅色，我們還可以使用其他顏色，如綠色、藍(lán)色等，我們還可以使用十六進(jìn)制顏色代碼或RGB顏色值來設(shè)定陰影的顏色，以下是一些示例：

div {
  width: 200px;
  height: 200px;
  box-shadow: 10px 10px 5px #FF0000; /* 紅色 */
}
div {
  width: 200px;
  height: 200px;
  box-shadow: 10px 10px 5px RGB(255, 0, 0); /* 紅色 */
}

除了顏色設(shè)定外，box-shadow屬性還可以接受其他參數(shù)，如陰影的偏移量、模糊半徑等，以下是一個更復(fù)雜的示例：

div {
  width: 200px;
  height: 200px;
  box-shadow: 10px 20px 30px RGB(255, 0, 0); /* 紅色 */
}

在上面的代碼中，10px表示陰影的水平偏移量，20px表示陰影的垂直偏移量，30px表示陰影的模糊半徑，這些參數(shù)可以根據(jù)需要進(jìn)行調(diào)整。