15621857753

css伪元素:before和:after的用法详解

来源:齐鲁建站 栏目:建站教程 阅读: 日期:2021-01-14

本文主要介绍了css伪元素:before和:after的用法详解,CSS3中before和after等伪元素使用::(双冒号),但即使只有一个冒号,它在大多数浏览器中也能识别并正常工作。

before和after的描述如下

元素::before{content:插入的内容;}

元素::after{content:插入的内容;}

content:输入要插入的部分内容

要在content中插入字母和符号,请用“”括起来并输入。

要在content中插入图像和声音,请输入url(目标路径)。

也可以为同一元素指定before和after。

CSS3中before和after等伪元素使用::(双冒号),但即使只有一个冒号,它在大多数浏览器中也能识别并正常工作。

支持的浏览器

支持::before和::after伪元素的浏览器:Chrome、Firefox3.5~、Safari4~、IE8~、Opera6~。

响应式网站建设

展开