: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 伪元素。