最近在研读 《CSS SECRET》（CSS揭秘）这本大作，对 CSS 有了更深层次的理解，折腾了下面这个项目：

CSS3奇思妙想 – Demo （请用 Chrome 浏览器打开，非常值得一看）。采用单标签完成各种图案，许多图案与本文有关。

也希望觉得不错的同学顺手在我的 Github 点个 star ： CSS3奇思妙想 。

正文从这里开始，本文主要讲述一下 伪元素 before 和 after 各种妙用。