CSS prepend 是 CSS 樣式表中的一種方法，用于在父元素之前添加樣式。使用 prepend 方法可以創建一種特殊的布局效果，使元素更加突出。

下面是一個簡單的示例，展示如何使用 CSS prepend 方法來創建一個突出顯示的文本：

```html

<div class="prepend">

<h1>prepended text</h1>

</div>

在這個示例中，我們使用了一個 `.prepend` 類名來創建一個額外的 CSS 樣式。類名本身具有 CSS prepend 方法的含義，因此我們需要將其應用于父元素，以在父元素之前添加樣式。

在 HTML 中，我們使用了 `<div>` 元素來創建這個 prepend 元素。然后，我們使用 CSS 樣式來改變 prepend 元素的屬性，以使其突出顯示。

```css

.prepend {

position: relative;

.prepend h1 {

position: absolute;

top: 0;

left: 0;

display: inline-block;

width: 100%;

height: 20px;

font-size: 24px;

text-align: center;

line-height: 20px;

color: #fff;

在這個示例中，我們使用了 `position: relative` 屬性來使 prepend 元素相對于其容器定位。然后，我們使用 `h1` 類名來設置 prepend 元素的高度和寬度，以及字體和顏色。我們將 `position: absolute` 屬性應用于 `h1` 元素，使其在父元素之前顯示。

最后，我們使用 `display: inline-block` 屬性將 `h1` 元素設置為內聯塊元素，使其能夠以整行顯示。然后，我們將 `width: 100%;` 和 `height: 20px;` 屬性應用于 `h1` 元素，以使其寬度和高度均為 100%。`text-align: center;` 屬性用于使文本居中對齊，`line-height: 20px;` 屬性用于使行距和列寬均為 20%。

通過上述示例，我們學會了如何使用 CSS prepend 方法來創建一個突出顯示的文本。這種方法可以使元素更加突出，并提供更好的布局效果。