css在after中加文字

在CSS中，可以使用:before和:after伪元素添加元素的前/后内容。这些伪元素可用于在元素的前/后添加文本、图像等。

要在伪元素中添加文本，可以使用content属性。例如，我们可以在一个元素的后面添加一个“read more”的链接:

p:after {content: " read more";}

在上述代码中，我们选择了所有的p元素，然后使用after伪元素给它们的结尾添加了一段文本。在content属性中，我们指定了要添加的文本。该属性的值必须设置为一个字符串（必须用引号引起来），不能设置为变量或其它值。

使用对应的CSS样式，可以修改文本的字体、颜色、大小等。例如，以下代码将把文本设置为红色：

p:after {content: " read more";color: red;}

需要注意的是，在伪元素中添加文本时，它们的默认值是行内元素，而不是块级元素。如果需要给文本添加样式，可能需要将它们设置为块级元素。例如：

p:after {content: " read more";display: block;color: red;}

如果需要在代码中嵌入变量，可以使用attr()函数。例如，以下代码将在元素的后面添加一个链接，链接的文本是元素的title属性值：

p:after {content: " (" attr(title) ")";}

在上述示例中，我们使用了attr()函数来获取元素的title属性值，并将其添加到链接文本中。

总之，在CSS中使用伪元素的content属性可以很方便地在元素中添加文本或图像等内容，并且可以通过样式来自定义这些内容的外观。

免责声明：本文内容来自用户上传并发布，站点仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。请核实广告和内容真实性，谨慎使用。