CSS中的content屬性是一個非常常用的屬性，它的主要作用是用于生成內容。content屬性可以將一些文本或圖片等內容插入到文檔流中。

.box::before {
content: "Hello, world!";
}

上面的代碼就是一個最簡單的content屬性使用示例。在這個示例中，我們使用了偽元素::before來插入一個字符串“Hello, world!”到HTML文檔中。

content屬性的值可以是一段文本，也可以是一個圖片的地址。并且content屬性只能用于::before和::after偽元素中。因為這兩個偽元素都是用于在元素前面或者后面插入內容的。

.box::before {
content: url("example.jpg");
}

上面的代碼就需要插入一個圖片。我們將圖片的地址作為content屬性的值傳入，這樣就可以在HTML文檔中插入這張圖片了。

除了插入文本和圖片，content屬性還有一些功能，它可以用來清除浮動。

.clearfix::after {
content: "";
display: table;
clear: both;
}

上面的代碼是經典的清除浮動方法之一。我們使用了偽元素::after來在元素的尾部插入一個空內容，并且給這個空內容設置了display: table和clear: both屬性，來清除浮動。

在使用content屬性的時候，需要特別注意一個問題，content屬性是一個設置內容的屬性，它和innerHTML是有區別的。content屬性是用于生成偽元素的內容的，而innerHTML是直接修改HTML元素內容的。

關于CSS中的content屬性，還有很多內容需要探索，希望這篇文章可以為您提供一些幫助和啟發。