寫了一個 i 標簽給它設置了寬高和背景圖片，但是界面不顯示,且寬高依然是0

.icon-name {background: url("../../img/username.png");width: 40px;height: 35px;}

**1、因為 i 標簽是行內(nèi)標簽，它不可以設置寬高。**所以上面設置寬高不起作用

讓 i 標簽可以設置寬高：display: inline-block;

出現(xiàn)了 i 的 背景圖片

但是現(xiàn)在出現(xiàn)了一個問題，我的寬度過大，圖片重復出現(xiàn)填滿區(qū)域，要解決這個問題，則設置 no-repet

.icon-name {background: url("../../img/username.png") no-repeat; }

最終效果圖 及 代碼
`

.icon-name {display: inline-block;width: 40px;height: 35px;background: url("../../img/username.png") no-repeat; }

總結(jié)

以上是生活随笔為你收集整理的i 标签设置背景图片作 icon的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。