css增加字符 |css 按钮边框流动

/* 为所有 p 元素添加 ::before 伪元素 */
p::before {
content: "前缀文本";
}
/* 为所有 p 元素添加 ::after 伪元素 */
p::after {
content: "后缀文本";
}
/* 为特定类名的元素添加 ::before 伪元素 */
.special::before {
content: "特殊前缀";
}
/* 为特定ID的元素添加 ::after 伪元素 */
#special-element::after {
content: " 特殊后缀";
}

在上面的代码中，::before和::after伪元素的content属性用于定义要插入的文本。注意，内容必须用引号括起来。

为了使插入的文本正确显示，您可能需要调整其样式属性，例如字体大小、颜色和位置。这可以通过CSS中的其他属性完成:

/* 在 ::after 伪元素中调整文本样式 */
p::after {
content: "更多内容";
color: #ff0000;
font-size: 14px;
position: relative;
top: -5px;
}

::before和::after伪元素是一种非常有用的技术，可以帮助大家在不改变HTML代码的情况下向页面中添加文本或图标等元素。