css before after

作者：灭世杀发布日期:2026-07-13 浏览:59

/* 使用 ::before 和 ::after 伪元素的示例 */

/* 示例 1: 在元素前添加内容 */
div::before {
  content: "这是在元素前添加的内容";
  display: block;
  color: red;
}

/* 示例 2: 在元素后添加内容 */
div::after {
  content: "这是在元素后添加的内容";
  display: block;
  color: blue;
}

/* 解释说明:
- ::before 和 ::after 是 CSS 的伪元素，用于在元素的内容之前或之后插入生成的内容。
- content 属性是必须的，它指定了要插入的内容。可以是文本、图片等。
- display: block; 确保插入的内容作为一个块级元素显示。
- 可以通过其他 CSS 属性（如 color、font-size 等）进一步样式化这些生成的内容。
*/

上一篇：css段落首行缩进2字符

下一篇：css两行省略号