:before | p:before | 在每个 <p> 元素的内容之前插入内容。 | 2 |
:after | p:after | 在每个 <p> 元素的内容之后插入内容。 | 2 |
<!DOCTYPE html>
<html>
<head>
<style>
p:before
{
content:"台词:";
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释:</b>对于在 IE8 中工作的 :before,必须声明 DOCTYPE。</p>
</body>
</html>
效果:
台词:我是唐老鸭。
台词:我住在 Duckburg。
台词:注释:对于在 IE8 中工作的 :before,必须声明 DOCTYPE。
<!DOCTYPE html>
<html>
<head>
<style>
p:after
{
content:"- 台词";
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释:</b>对于在 IE8 中工作的 :after,必须声明 DOCTYPE。</p>
</body>
</html>
效果:
我是唐老鸭。- 台词
我住在 Duckburg。- 台词
注释:对于在 IE8 中工作的 :after,必须声明 DOCTYPE。- 台词