CSS应用 - :before, :after, box-shadow

利用CSS伪元素 ::before和::after可以在文档前后插入内容，而不改变文档原有结构。在配合box-shadow可以实现很炫的效果
展示三个例子:

主要特点

• 伪元素不属于文档，所以js无法操作它
• 伪元素属于主元素的一部分，点击伪元素触发的是click事件。