CSS內陰影和背景顏色是CSS中常用的兩種技術，可以讓網頁更加美觀和具有層次感。下面將介紹這兩種技術的基本原理和使用方法。

## CSS內陰影

內陰影是通過在HTML元素中添加CSS類名來創建的一種樣式，可以讓元素在內部呈現出一種漸變的效果。內陰影的樣式會在元素內部的上下左右四個方向上產生陰影效果。

在創建內陰影時，需要使用兩個類名：內陰影類名和外部陰影類名。內陰影類名會繼承自父類樣式，而外部陰影類名只會在父類樣式的基礎上進行修改。

例如，下面的代碼創建了一個帶有內陰影的輸入框：

```html

<input type="text" class="的陰影-input">

在這個例子中，`陰影-input`類名將繼承自輸入框的父類樣式，而`input`類名則只是對輸入框進行修改，添加內陰影效果。

CSS內陰影樣式的代碼如下：

```css

.陰影-input {

-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

在這個例子中，`box-shadow`屬性設置了內陰影效果，其中`0px 2px 4px rgba(0, 0, 0, 0.2)`表示在元素內部產生了一個半徑為0px、2px、4px和8px的圓環陰影。

## CSS背景顏色

背景顏色是HTML元素的背景顏色，可以通過在HTML元素中添加CSS類名來修改。在創建背景顏色時，需要使用一個類名，并將其設置為元素的父類樣式中的類名。

例如，下面代碼創建了一個帶有背景顏色的輸入框：

```html

<input type="text" class="的陰影-input">

在這個例子中，`陰影-input`類名將繼承自輸入框的父類樣式，而`input`類名則只是對輸入框進行修改，添加背景顏色效果。

CSS背景顏色樣式的代碼如下：

```css

.陰影-input {

-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);

在這個例子中，`box-shadow`屬性設置了背景顏色效果，其中`0px 2px 4px rgba(0, 0, 0, 0.2)`表示在元素內部產生了一個半徑為0px、2px、4px和8px的圓環陰影。