CSS content屬性用于向元素添加額外內容。這個屬性通常與偽元素一起使用，例如before和after偽元素，可以在元素的前后添加一些文字或圖標。

.example::before {
content: "Hello";
}
.example::after {
content: url("icon.png");
}

在上面的代碼中，我們為一個名為example的元素添加了偽元素before和after，并用content屬性分別為它們添加內容。其中before添加了文字"Hello"，after添加了一個圖標。

值得注意的是，如果content屬性值設為空串或none，那么偽元素實際上是不會被創建的。如果要添加空格或換行符等特殊字符，可以使用轉義字符。

.example::before {
content: "\00a0 \00b7 \00a0";
}

上面的例子中，我們使用了ASCII碼來插入一個不斷行的空格以及一個點號，使得在元素前面創建的偽元素效果更加美觀。

通過使用content屬性與偽元素，我們可以在元素前后添加一些額外的內容，為頁面增加更多的元素設計元素。值得注意的是，對于一些較老的瀏覽器或不支持偽元素的環境，這些額外的內容是不會被展示的，需要進行兼容性處理。