CSS3的content属性介绍及代码示例
在CSS中,content属性用于在伪元素(pseudo-elements)中插入内容。伪元素是CSS中特殊的元素,它们不在HTML文档中实际存在,但可以通过CSS选择器进行选取,并在其前、后或内部插入内容。
content属性有两个主要的用途:一是在伪元素中插入文本内容,二是在伪元素中插入特定样式的装饰内容。下面分别介绍这两个用途,并给出相应的代码示例。
一、在伪元素中插入文本内容
可以使用content属性在伪元素中插入自定义的文本内容。可以是普通的文本,也可以是特殊字符或Unicode码。
代码示例:
.content:before { content: "这是在伪元素:before中插入的文本"; }