小于 1 分钟
在元素后面插入内容， 并设置所插入内容的样式
<!DOCTYPE html>
<html>
<head>
<style>
p:after
{
content:"- 台词";
background-color:yellow;
color:red;
font-weight:bold;
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
<p><b>注释：</b>对于在 IE8 中工作的 :after，必须声明 DOCTYPE。</p>
</body>
</html>