CSS 参考手册 目录

CSS content 属性

在 CSS 中,content 属性用于在伪元素中插入内容。它通常与 ::before::after 伪元素一起使用,用于在元素的前后插入内容,从而实现一些特殊的效果。

语法

---------------- -
  -------- ------
-

--------------- -
  -------- ------
-

  • normal:默认值,不显示任何内容。
  • none:不显示任何内容,类似于 display: none
  • <string>:插入指定的文本内容。
  • <url>:插入指定的图像。
  • attr():插入指定属性的值。

示例

插入文本内容

--------- -
  -------- --- --
-

插入图像

---------- -
  -------- -----------------
-

插入属性值

-------- -
  -------- -----------
-

注意事项

  • content 属性只能应用于伪元素 ::before::after
  • 插入的内容不会被屏幕阅读器读取,所以不要仅依赖于 content 属性来提供重要信息。

以上就是关于 CSS 属性 content 的介绍,希望对你有所帮助。


上一篇:CSS 属性 columns
下一篇:CSS 属性 counter-increment