CSS加陰影和高光怎么做？

在CSS中，我們可以使用box-shadow屬性來添加陰影，使用text-shadow屬性來添加文字陰影，使用border-radius屬性來添加高光，這些屬性可以幫助我們創(chuàng)建出視覺上更加吸引人的元素。

我們來看看如何添加陰影。box-shadow屬性可以接收四個值，分別代表陰影的水平偏移、垂直偏移、模糊半徑和顏色，我們可以這樣添加一個陰影：

.box {
  box-shadow: 10px 10px 5px #000;
}

上述代碼會給一個類名為.box的元素添加一個水平偏移和垂直偏移都為10px，模糊半徑為5px，顏色為#000的陰影。

我們來看看如何添加文字陰影。text-shadow屬性的用法和box-shadow類似，只不過它是用來添加文字陰影的。

.text {
  text-shadow: 2px 2px #333;
}

上述代碼會給一個類名為.text的元素添加文字陰影，偏移量為2px，顏色為#333。

我們來看看如何添加高光，高光通常是通過給元素添加圓角來實現(xiàn)的，可以使用border-radius屬性來實現(xiàn)。

.highlight {
  border-radius: 5px;
}

上述代碼會給一個類名為.highlight的元素添加圓角為5px的高光。

通過以上的方法，我們可以使用CSS來輕松地給元素添加陰影和高光，讓頁面更加生動和吸引人。