02-img標簽設置背景色會出現邊框

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
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,611評論 32 459
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    wzhiq896閱讀 1,803評論 0 2
  • 選擇qi:是表達式 標簽選擇器 類選擇器 屬性選擇器 繼承屬性: color,font,text-align,li...
    love2013閱讀 2,335評論 0 11
  • HTML標簽解釋大全 一、HTML標記 標簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,320評論 1 41
  • 噢噢噢
    吹啊吹啊_1adb閱讀 113評論 0 0