有意思的效果。:before 插入 content:attr(title) 获得的 title 内容，错开一个像素显示，形成阴影效果。

</p> <style> <p>h1.split {font-size:2.5em; position:relative; font-family:arial, verdana, sans-serif; height:1em;}</p> <p>h1.split span {position:absolute; left:-1px; top:-1px; color:#def;}</p> <p>h1.split:before {content:attr(title); position:absolute; left:0; top:0; color:#000;}</p> </style> <h1 class="split" title="CSS 阴影标题"><span>CSS 阴影标题</span></h1> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]