美文网首页
02-img标签设置背景色会出现边框

02-img标签设置背景色会出现边框

作者: Darren151666 | 来源:发表于2018-01-08 19:42 被阅读309次

img标签使用src的方法展示图片,如果使用background-image属性就会多出边框

0358B59F394F28E1CDD2A165F6E8AB0E.jpg

html

<img width="20" height="20" class="icon">

css

.icon
   bg-image('setting')  // 封装的方法用于展示2x和3x图
   width 20px
   height 20px
   background-size 20px 20px
   background-repeat no-repeat
   margin-top 15px
   margin-left 15px

解决方法:

1.img标签 + 使用src的方式
2.span标签 + 以下css代码

display inline-block
bg-image('setting')
width 20px
height 20px
background-size 20px 20px
background-repeat no-repeat
margin-top 15px
margin-left 15px

相关文章

  • 02-img标签设置背景色会出现边框

    img标签使用src的方法展示图片,如果使用background-image属性就会多出边框 html css 解...

  • plt

    函数 figure() 背景色设置成功了,但是很丑,边框设置之后并没有看出来有边框的样子 xticks()

  • CSS盒子模型

    边框:环绕在标签周围的边条 设置边框一:-连写格式:同时设置4条边框{border:边框宽度 边框样式 边框颜色;...

  • 2019-03-09 带边框的三角形提示框

    CSS html 此外,如若,设置边框的颜色与背景色相同,也能得到没有边框的:css: html

  • Flutter UI - Decoration,Flutter

    Flutter 的 Decoration 就是 android 的 shape,可以设置:背景色 背景图 边框 圆...

  • iOS入门之UI03 --UIButton

    /** *UIButton 按钮 触发点击事件 *继承自UIVIew,大小,边框,背景色设置相同 */ UIBut...

  • Android 手机便签(三)

    创建RecyclerView 在设置标签(Tag)的背景色时遇到的问题:我不能直接设置标签的background,...

  • 盒子模型、边框、边距

    一:边框属性1. 边框:就是环绕在标签宽度和高度周围的线条2. 如何设置边框属性2.1 连写(同时设置四...

  • 微信小程序1rpx边框问题

    微信小程序设置边框样式 在ios部分手机里面出现边框模糊问题 解决方法 当标签的父元素宽度(单位rpx)÷2的值为...

  • 盒子模型

    边框属性 作用:边框就是环绕在标签宽度和高度周围的线条 连写(同时设置四条边的边框)格式: border: 边框的...

网友评论

      本文标题:02-img标签设置背景色会出现边框

      本文链接:https://www.haomeiwen.com/subject/ujbjnxtx.html