简单实用的伪元素后篇

文献种类：专题技术文献；
开发工具与关键技术： DW,CSS2
作者： 刘家龙 ；年级： 1804 ；撰写时间：2019 年 2 月 6日
文献编号： 归档时间： 年 月 日

简单实用的伪元素后篇

开发工具与关键技术：DW;CSS2，
作者：刘家龙
撰写时间：2019/2/6

接下来给大家介绍一下后面的两个伪元素，before和after伪元素。相信这两个元素大家并不陌生，但这次我要介绍的是它们简单而使用的方法，就是它们的伪元素使用。
before伪元素
一般这个伪元素是在某个标签或者div之前插入内容，下面我是在h1标签前面插入了一张图片，具体代码图和效果图如下：


after伪元素
这个伪元素的用法跟before的用法差不多，与before主要的区别是在于它是在某个元素后面插入内容，其他的用法基本一致。代码图和效果图如下：

这里可能是因为没有给图片定义大小或者没有把它固定在具体的位置所以没有出现在h1标签下面，并没有达到我预期的效果，还有待改善。

文章里面还存在很多的不足，还有待修正与改善，小编也会努力提高自己的水平争取给大家带来更多有趣而又实用的文章，本次分享到此结束，谢谢大家的观赏。