CSS偽類是一種用于創建樣式的語法，可以讓瀏覽器根據指定的規則來渲染網頁中的元素。其中，偽類可以用于創建各種不同的形狀，例如下劃線、雙下劃線、單上劃線、圓角等。今天，我們將探討如何使用CSS偽類來創建一個小三角。

首先，我們需要了解CSS中的偽類標簽。這些標簽包括：

- :before和：after：它們可以被用來創建偽類元素，其中：before元素是在目標元素之前出現的偽類元素，而：after元素是在目標元素之后出現的偽類元素。

- :first-child和：last-child：它們可以被用來創建第一行和最后一行的元素，這些元素會在頁面中顯示為第一行或最后一行。

下面是一個使用偽類實現小三角的例子：

```html

<div>

<span class="before">before</span>

<span class="after">after</span>

</div>

在這個例子中，我們使用了：before和：after偽類來創建兩個小三角。首先，我們使用：before偽類創建了一個在目標元素之前出現的偽類元素，然后使用：after偽類創建了一個在目標元素之后出現的偽類元素。這兩個偽類元素都包含了一個空格，這樣就可以得到兩個小三角。

接下來，我們可以使用CSS的@media查詢來更改小三角的形狀。例如，如果我們希望在頁面中顯示小三角，并且使用CSS的移動元素功能，我們可以使用以下代碼：

```css

@media screen and (max-width: 768px) {

.before, .after {

display: block;

margin-right: 10px;

在這個例子中，我們使用了@media查詢來創建一個在頁面中只顯示寬度小于等于768像素的元素。在這個元素中，我們使用：before和：after偽類來創建兩個小三角，并設置它們的寬度為10像素。這樣，當頁面的寬度小于等于768像素時，小三角就會出現。

總之，使用CSS偽類可以創建一個各種形狀的元素，包括小三角。通過了解不同的偽類標簽和如何使用@media查詢，我們可以輕松地創建所需的樣式。