CSS中,::before 创建一个伪元素,其将成为匹配选中的元素的第一个子元素。常通过 content 属性来为一个元素添加修饰性的内容。此元素默认为行内元素。
使用::before时必须要用content:" "
/* CSS3 语法 */
element::before { 样式 }
/* (单冒号)CSS2 过时语法 (仅用来支持 IE8) */
element:before { 样式 }
插入的内容与右边的距离可以用绝对定位表示
li::before {
content: "";
width: 21px;
height: 15px;
display: inline-block;
background: url(/images/Youpikker/Check1@2x.png) no-repeat;
box-sizing: border-box;
background-size: 100% 100%;
position: relative;
right: 10px;
}
本文详细介绍了CSS中的::before伪元素,它用于在元素内容之前添加内容。内容通常通过content属性定义,并且默认为行内元素。示例展示了如何使用::before添加背景图片,并通过绝对定位调整与右边的距离,适用于网页装饰性元素的添加。

1970

被折叠的 条评论
为什么被折叠?



