標題：CSS3指令：掌握它們，讓你的網頁設計更加精美！

隨著Web開發的不斷進步，CSS3指令已經成為了Web前端開發人員不可或缺的一部分。這些指令提供了很多有用的功能，可以讓我們在網頁設計變得更加簡單和高效。本文將介紹CSS3中的一些常用指令，幫助讀者更好地掌握它們。

讓我們開始吧！

1. `background-color`

`background-color` 是 CSS3 中最基本的屬性之一，用于設置背景顏色。這個指令可以應用于所有的元素，包括文本、圖像、邊框等等。使用這個屬性我們可以輕松地設置背景顏色、背景圖像、背景邊框等等。

background-color: #ff0000; /* 白色 */

background-color: #00ff00; /* 淡灰色 */

background-color: #ff00ff; /* 深灰色 */

background-color: #0000ff; /* 黑色 */

3. `background-size`

`background-size` 是 CSS3 中用于設置背景圖像大小的屬性。這個指令可以設置背景圖像的大小、形狀等等。使用這個屬性我們可以輕松地調整背景圖像的大小、形狀。

background-size: cover; /* 完全覆蓋元素 */

background-size: 100% 100%; /* 將元素填滿整個背景 */

background-size: cover, contain; /* 完全覆蓋，部分包含 */

background-size: cover, height 100%; /* 將元素填滿整個背景，高度為100% */

4. `border`

`border` 是 CSS3 中用于設置邊框屬性的指令。這個屬性可以設置邊框的顏色、寬度、厚度等等。使用這個屬性我們可以輕松地設置邊框。

border: 1px solid #nnn; /* 單色邊框，寬度為1像素 */

border: 2px solid #nnn, 1px solid #nnn; /* 雙色邊框，兩個顏色都填充1像素 */

border: 3px solid #nnn, 1px solid #nnn, 1px solid #nnn; /* 多色邊框，每個顏色填充1像素，寬度和厚度均為1像素 */

5. `box-shadow`

`box-shadow` 是 CSS3 中用于設置陰影屬性的指令。這個屬性可以設置陰影的顏色、半徑、位置等等。使用這個屬性我們可以輕松地設置陰影。

box-shadow: 1px 1px #nnn #nnn, -1px -1px #nnn #nnn, 1px 1px #nnn #nnn, -1px -1px #nnn #nnn; /* 單色陰影，半徑為1像素，顏色為白色 */

box-shadow: 2px 2px #nnn #nnn, -2px -2px #nnn #nnn, 2px 2px #nnn #nnn, -2px -2px #nnn #nnn; /* 雙色陰影，半徑為2像素，顏色為白色 */

box-shadow: 3px 3px #nnn #nnn, -3px -3px #nnn #nnn, 3px 3px #nnn #nnn, -3px -3px #nnn #nnn; /* 多色陰影，每個顏色填充3像素，寬度和厚度均為3像素，寬度為1像素 */

以上就是 CSS3 中常用的一些指令，掌握它們，可以讓你的網頁設計更加精美！