CSS中的content是用于在頁面上插入額外的內容，這種內容不一定來自HTML代碼，而是通過CSS樣式來生成的。

使用content屬性需要與:before和:after這兩個偽元素結合使用。這兩個偽元素可以在HTML元素的前后添加內容。

p:before {
content: "[";
}
p:after {
content: "]";
}

上面的代碼會在每個

元素的前后分別添加一個中括號，可以通過控制:before和:after的content實現很多有趣的效果，比如在引用文字前后添加引號，或者在列表項前添加一些圖標。

ul li:before {
content: "\2713";
margin-right: 5px;
color: red;
}

上面的代碼會在每個無序列表的列表項前添加一個紅色的?，這種方式可以讓列表更加有吸引力，更符合需求。

需要注意的是，content屬性只能用于偽元素:before和:after，否則將會無效。另外，content屬性并不支持使用變量，要插入動態文本需要使用JavaScript來實現。