CSS中的content屬性是一個非常重要的屬性，它被用于在HTML頁面中插入額外的內容。content屬性通常被配合::before和::after這兩個CSS偽元素一起使用，可以在指定元素的前面或者后面插入內容。

例如，我們可以通過如下代碼在所有的a標簽前面插入表示外鏈的圖標：
a::before {
content: url("link.png");
}

不僅可以插入圖片，也可以插入一些文字或者其他的元素，例如:

a::after {
content: " (外鏈)";
font-size: 12px;
color: #ccc;
}

需要注意的是，在使用::before和::after偽元素時，一定要設置content屬性，否則這些偽元素將無法起作用。

除了可以在偽元素中使用content屬性外，它還可以在其他選擇器中使用，例如：

h1::before {
content: "標題:";
}
p::before {
content: counter(section) ". ";
counter-increment: section;
}

上述代碼可以在標題前加上標題二字，在段落前加上自動編號的數字。

需要注意的是，使用content屬性插入的內容只是被視覺上添加到了HTML文檔中，但是并沒有真正地影響到DOM樹結構。