CSS伪元素 after AND before
2013-02-21 10:47
281 查看
:after 伪元素在元素之后添加内容。:before 伪元素在元素之前添加内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。
听说还可以在content: url()的括号里加上音频文件,但是试过之后没成功,不知道是不是我写的代码有问题。
所有主流浏览器都支持 :before 伪元素。
<!--在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 伪元素。
相关文章推荐
- Oracle Trigger :Before,after,each row and table level triggers ORA-04082 ORA-04084
- Working with BeforeProperties and AfterProperties on SPItemEventReceiver
- 363. Pride goes before, and shames comes after. 骄傲使人落后
- Functions that are executed before and after main() in C
- Working with BeforeProperties and AfterProperties on SPItemEventReceiver
- CSS伪元素before、after用法 给图片四角加边框
- 363. Praise goes before, and shame comes after. 骄傲使人落后
- js如何控制css伪元素内容(before,after)
- Find the element before and after a specific element
- Insert Function before and after main function
- js如何控制css伪元素内容(before,after)
- js如何控制css伪元素内容(before,after)
- JavaScript修改CSS伪元素:after和:before的样式
- How to call javascript function after validation and before a postback
- Animation.setFillAfter and Animation.setFillBefore的作用
- The :before and :after pseudo-elements
- CSS伪元素样式 :before 和 :after
- CSS伪元素 CSS:before CSS伪元素(Pseudo Element):after与:before
- 大家好,我给大家介绍一下,这是CSS伪元素:before与:after
- Animation.setFillAfter and Animation.setFillBefore的作用