《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.2 插入图像文件
【摘要】 本节书摘来自华章计算机《HTML 5与CSS 3 权威指南(第4版·下册)》一书中第17章,第17.2.1节,作者是陆凌牛。
17.2 插入图像文件
17.2.1 在标题前插入图像文件
使用before选择器或after选择器,除了可以在元素的前面或后面插入文字之外,还可以插入图像文件。插入图像时,需要使用url属性值来指定图像文件的路径。在如下所示的代码中,在h2标题元素前插入了mark.png图像文件。
h2:before{
content:url(mark.png);
}
<h2>你好</h2>
目前Firefox、Chrome、Safari、Opera浏览器都支持这种插入图像文件的功能,在IE8中只支持插入文字的功能,不支持插入图像文件的功能。
另外,在CSS 3的定义中还可以通过url属性来插入音频文件、视频文件等其他格式的文件,但目前还没有得到任何浏览器的支持。
【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱:
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论(0)