CSS 中的方框選擇器是一種非常有用的工具，它讓我們能夠精確選擇并樣式化某個元素的四個方位邊框，或者指定特定位置的角落或邊緣。它簡單易用，只需幾行 CSS 代碼即可實現。 下面我們來看一下如何編寫方框選擇器。 首先，我們需要使用 CSS 的 `border` 屬性來設置元素的邊框。方框選擇器是在 `border` 屬性后面加上 `:top`、`:bottom`、`:left` 或 `:right` 來選擇指定位置的邊框，或者使用 `:nth-child` 來選擇特定位置的邊框。例如，要選擇元素頂部邊框，我們可以這樣寫： ```css border-top: 1px solid #000; ``` 這個例子設置了一個 1 像素寬、黑色實線的頂部邊框。類似地，要選擇底部邊框，我們可以使用 `border-bottom` 屬性： ```css border-bottom: 1px solid #000; ``` 要選擇左邊或右邊邊框，我們分別使用 `border-left` 和 `border-right` 屬性： ```css border-left: 1px solid #000; border-right: 1px solid #000; ``` 這些屬性與 `border-top` 和 `border-bottom` 屬性使用方式相同。 我們也可以使用 `border-radius` 屬性來設置圓角： ```css border-radius: 10px; ``` 這會把元素的四個角都變成 10 像素的圓角。 此外，我們還可以使用 `:nth-child` 選擇器來選擇特定位置的邊框。例如，要選擇第五個元素的左邊邊框，我們可以這樣寫： ```css :nth-child(5) { border-left: 1px solid #000; } ``` 這個例子只會將第五個元素的左邊邊框加上 1 像素的黑色實線。 總之，方框選擇器是一種非常方便的工具，它讓我們能夠輕松地控制元素邊框的樣式和位置。我們可以使用 `border`、`border-top`、`border-bottom`、`border-left`、`border-right` 和 `border-radius` 屬性，或者 `:nth-child` 選擇器來實現精確的樣式化。