CSS3中陰影的用法：
CSS3是用于創建網頁設計的下一代CSS語言。陰影是CSS中一個重要的特性，可以用于為網頁添加陰影和光澤，從而使其更具吸引力和可讀性。
CSS中的陰影可以通過兩種方式實現：內嵌和外部陰影。
```html
<div class="陰影-inset">
<p>這是一個帶有陰影的文本。</p>
</div>
外部陰影是指將陰影效果通過CSS的border-radius和border-bottom屬性外部應用到HTML元素中。可以使用CSS中的！important聲明來確保陰影效果在HTML元素的其他樣式中優先使用。例如：
```html
<div class="陰影- external">
<p>這是一個帶有陰影的文本。</p>
</div>
在這個例子中，我們將外部陰影效果通過border-radius和border-bottom屬性外部應用到div元素中，并使用！important聲明確保陰影效果在HTML元素的其他樣式中優先使用。
下面是一些示例，可以幫助您更好地理解CSS中陰影的用法：
使用內嵌陰影：
```css
.陰影-inset {
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
border-bottom: 10px solid #ccc;
.陰影-inset p {
font-size: 16px;
line-height: 1.6;
這個示例中，我們創建了一個div元素，并將其樣式設置為陰影效果。我們使用background-color屬性來創建陰影，并使用padding和border-radius屬性來創建圓角陰影。我們還使用p元素來創建文本，并使用font-size和line-height屬性來設置文本的大小和樣式。
使用外部陰影：
```css
.陰影- external {
background-color: #f7f7f7;
padding: 20px;
border-radius: 10px;
border-bottom: 10px solid #ccc;
.陰影- external p {
font-size: 16px;
line-height: 1.6;
在這個示例中，我們創建了一個div元素，并將其樣式設置為外部陰影效果。我們使用background-color屬性來創建陰影，并使用padding和border-radius屬性來創建圓角陰影。我們還使用p元素來創建文本，并使用font-size和line-height屬性來設置文本的大小和樣式。
CSS中的陰影效果可以用于許多不同的場景，如文本、圖片、按鈕等。通過使用陰影效果，可以使網頁更具吸引力和可讀性，從而使其更具有現代感和藝術感。