CSS擴展器是一種用于修改和擴展 CSS 樣式表的工具，可以讓開發人員更方便地編寫樣式，并能夠根據需求對樣式進行更靈活的調整。下面是一些常用的 CSS 擴展器的使用方法：

1. 邊框和內邊距擴展器

邊框和內邊距擴展器是最常見的 CSS 擴展器之一。可以使用這些擴展器來修改元素的邊框和內邊距。例如，可以使用 `border-radius` 擴展器來改變元素周圍的半徑，使用 `box-shadow` 擴展器來改變元素的陰影。

下面是一些使用邊框和內邊距擴展器的例子：

使用 `border-radius` 擴展器：

```css

.box {

width: 200px;

height: 200px;

border-radius: 50%;

background-color: #f00;

使用 `box-shadow` 擴展器：

```css

.box {

width: 200px;

height: 200px;

box-shadow: 0px 0px 10px #f00;

2. 顏色擴展器

顏色擴展器是一種可以修改 CSS 顏色值的工具。可以使用這些擴展器來修改元素的背景顏色、邊框顏色、字體顏色等。例如，可以使用 `color` 擴展器來修改元素的背景顏色：

```css

.box {

width: 200px;

height: 200px;

background-color: #fff;

使用 `gradient` 擴展器：

```css

.box {

width: 200px;

height: 200px;

background-gradient: linear-gradient(to right, #fff 0%, #000 100%), linear-gradient(to left, #fff 0%, #000 100%);

3. 邊框樣式擴展器

邊框樣式擴展器是一種可以修改元素的邊框樣式的工具。可以使用這些擴展器來改變元素的邊框寬度、邊框顏色等。例如，可以使用 `border-width` 擴展器來改變元素的邊框寬度：

```css

.box {

width: 200px;

height: 200px;

border-width: 2px;

border-style: solid;

使用 `border-radius` 和 `border-width` 擴展器：

```css

.box {

width: 200px;

height: 200px;

border-radius: 50%;

border-width: 2px;

border-style: solid;

4. 字體樣式擴展器

字體樣式擴展器是一種可以修改元素的字體樣式的工具。可以使用這些擴展器來改變元素的字體大小、字體顏色等。例如，可以使用 `font-size` 和 `font-style` 擴展器來改變元素的字體大小：

```css

.box {

width: 200px;

height: 200px;

font-size: 16px;

font-style: italic;

使用 `font-family` 和 `font-weight` 擴展器：

```css

.box {

width: 200px;

height: 200px;

font-family: Arial, sans-serif;

font-weight: bold;

以上是一些常用的 CSS 擴展器的使用方法，使用這些擴展器可以更方便地編寫樣式，并能夠根據需求對樣式進行更靈活的調整。