css content

作者：浮云过影发布日期:2026-01-31 浏览:66

/* 示例代码：使用 CSS 的 content 属性 */

/* 使用 content 属性在伪元素中插入文本 */
p::before {
  content: "这是前缀文本：";
}

/* 使用 content 属性插入图片 */
a::after {
  content: url('image.jpg');
}

/* 使用 content 属性插入计数器 */
body {
  counter-reset: section;
}

h2::before {
  counter-increment: section;
  content: "第 " counter(section) " 节：";
}

解释说明：

content 属性用于伪元素（如 ::before 和 ::after），可以在元素前后插入内容。
插入文本：可以通过直接指定字符串作为 content 的值，如 "这是前缀文本：".
插入图片：可以使用 url() 函数来插入图片，如 url('image.jpg').
插入计数器：可以结合 counter-reset 和 counter-increment 来创建自增的计数器，并通过 counter() 函数将计数值插入到内容中。

上一篇：css背景模糊

下一篇：css虚线边框怎么设置