利用css伪元素 ：before 和 ：after 可以在文档前后插入内容而不改变文档原有结构，下面有个不错的示例，大家可以参考下
利用CSS伪元素 ：before 和 ：after 可以在文档前后插入内容而不改变文档原有结构，再配合 box-shadow 可以实现很炫的效果,
下面就展示三个例子：
1、利用 :before 和 :after 添加背景，比如给一段文字前后打引号；
2、利用 :before, :after, box-shadow 实现3D阴影效果;
3、利用 :before, :after, box-shadow 实现照片叠加效果.
Pseudo Demo
CSS Demo :before, :after, box-shadow
人最宝贵的是生命。生命属于人只有一次。人的一生应当这样度过：当回忆往事的时候，他不会因为虚度年华而悔恨，也不会因为碌碌无为而羞愧.
钢是在烈火里燃烧、高度冷却中炼成的，因此它很坚固。我们这一代人也是在斗争中和艰苦考验中锻炼出来的，并且学会了在生活中从不灰心丧气。
实现效果： 
立即学习“前端免费学习笔记（深入）”；
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
通达CMS蓝色中英双语企业网站1.4.2
下载
通达CMS是采用PHP+MYSQL进行开发的。支持伪静态设置，可生成google和百度地图，支持自定义url、关键字和描述，利于收录...后台简单明了，代码简洁，采用DIV+CSS 利于SEO，企业建站系统是一套专门用于中小企业网站建设的网站管理系统。
相关推荐：
