您的位置:首页 - 教程 - CSS - 正文
css3中before和after以及content的用法
使用css3中before和after以及content 可以在内容的前面和后面增加显示内容。


先查看代码,后面下面是效果展示:
 <style>
/* 以下为before和after以及content的用法 */
#hovertreeba:before{content:'想问侯不知从 '}/* before 用于显示在 主内容前面的 内容*/
#hovertreeba:after{content:' 就直接说喜欢你';}/* after 用于显示在 主内容后面的 内容*/
</style>
<div>
<a href="http://hovertree.com/" id="hovertreeba">何问起</a>
</div>

效果如下:

参考:http://hovertree.com/h/bjaf/rnqpxtsq.htm

评论: