在CSS中，我們可以使用content屬性來插入元素。

首先，我們需要將元素的偽類設(shè)置為::before或::after。然后，在對應(yīng)偽類的樣式中，添加content屬性。該屬性的值可以是文本、圖片、計(jì)數(shù)器或其他元素。

/* 添加前置元素 */
p::before {
content: "前面的文字 ";
}
/* 添加后置元素 */
p::after {
content: " 后面的文字";
}

可以看到，我們在content屬性中加入了一些文本，這樣在每個段落的前面或后面都會出現(xiàn)添加的文字。需要注意的是，這些偽元素必須擁有display屬性，不能省略。

p::before {
content: url("https://example.com/image.png");
display: block;
}
p::after {
content: counter(my-counter);
}
/* 定義計(jì)數(shù)器 */
body {
counter-reset: my-counter;
}
h2 {
counter-increment: my-counter;
}

在上面的示例中，我們使用了圖片和計(jì)數(shù)器來插入元素。在content屬性中使用圖片的方式與圖片文件的鏈接類似，而計(jì)數(shù)器則需要在CSS中進(jìn)行定義，并在適當(dāng)?shù)奈恢眠M(jìn)行增量。值得注意的是，計(jì)數(shù)器只能用于在CSS中進(jìn)行數(shù)字操作，無法將 HTML 元素添加到 content 中。

總的來說，我們可以通過 CSS 中的 content 屬性實(shí)現(xiàn)對元素的插入和修改。借助偽元素，我們可以在不改動 HTML 結(jié)構(gòu)的情況下對網(wǎng)頁進(jìn)行修改和裝飾。