css伪元素:before和:after的用法详解

本文主要介绍了css伪元素:before和:after的用法详解，CSS3中before和after等伪元素使用::（双冒号），但即使只有一个冒号，它在大多数浏览器中也能识别并正常工作。

before和after的描述如下

元素::before{content:插入的内容;}

元素::after{content:插入的内容;}

content：输入要插入的部分内容

要在content中插入字母和符号，请用“”括起来并输入。

要在content中插入图像和声音，请输入url（目标路径）。

也可以为同一元素指定before和after。

CSS3中before和after等伪元素使用::（双冒号），但即使只有一个冒号，它在大多数浏览器中也能识别并正常工作。

支持的浏览器

支持::before和::after伪元素的浏览器：Chrome、Firefox3.5~、Safari4~、IE8~、Opera6~。