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

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

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

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

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

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

總的來說，我們可以通過 CSS 中的 content 屬性實現對元素的插入和修改。借助偽元素，我們可以在不改動 HTML 結構的情況下對網頁進行修改和裝飾。