CSS伪元素 after AND before

:after 伪元素在元素之后添加内容。:before 伪元素在元素之前添加内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。

<!--在index.html的body里加入下列内容-->

<p>web</p>

/*外部CSS代码*/

p:after{
    content: "]";   /*在web后面加上 ] , 注意加上引号*/
}

p:before{
    content: "[";   /*在web前面加上 [ , 注意加上引号*/
}

p:after{
    content: url(image.png);   /*在web后面加上图片*/
}

p:before{
    content: url(image.png);   /*在web前面加上图片*/
}

听说还可以在content: url()的括号里加上音频文件，但是试过之后没成功，不知道是不是我写的代码有问题。

所有主流浏览器都支持 :before 伪元素。