《HTML 5与CSS 3 权威指南(第4版·下册)》 —17.2 插入图像文件

举报
华章计算机 发表于 2019/11/21 22:41:18 2019/11/21
【摘要】 本节书摘来自华章计算机《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

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。