如何将文本放入css3

Question

我想知道是否可以在css3而不是HTML中使用某些“静态”文本，就像在css3中也可以有'background-image'一样？

我在Google上搜索过但似乎找不到任何参考资料。

Answer 1

伪选择器如：before和：after可以指定一个content属性，可以是text。

p:before {
  content: "this will appear before all paragraph content";
}

Answer 2

简单地说，不，不像background-image。

您可以将:before / :after选择器与content属性一起使用，但这不会像背景图像那样工作，它会将文本放在元素之前或之后。

小提示演示：http://jsfiddle.net/YkerN/和支持表：http://caniuse.com/#feat=css-gencontent（IE8 +;其他浏览器没有问题）