因为专注,所以专业
2005 - 2020

利用伪元素:before和:after插入图标

时间:2020-02-06 03:41:52    作者:八叔模板堂
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),
  • 几乎所有的移动浏览器。
赞(0
免费拨打  111-1111-1111
免费拨打  111-1111-1111免费拨打 111-1111-1111
微信二维码
手机二维码
返回顶部
返回顶部返回顶部