如果你想在网页的某些文字前加图标或者想改变li元素默认的图标,你会如何做?本文价绍一种不用再额外添加html标签,存粹利用css就能插入或者自作图标的方式。
p:before{
content:'内容';
}
p:after{
content:'内容';
}
li:before{
content:'';
display:block;
width:10px;
height:10px;
border-radius:10px;/**控制形状**/
backgroud:#000;/**控制图标颜色**/
margin-right:10px/**图标与文字距离**/
}
p:before{
content:url(iconf.png);/**不可以加“”**/
}
-
Chrome 2+,
-
Firefox 3.5+ (3.0 had partial support),
-
Safari 1.3+,
-
Opera 9.2+,
-
IE8+ (with some minor bugs),
-
几乎所有的移动浏览器。