驚嘆于老外的發現 《CSS Background image on html image element?》，自己從沒關注過，也沒想過如此的問題。

實現方法很簡單：設置 img 元素為塊元素（display:block;），并賦一個 padding 值。

例如（simple demo ）：

img {

? ? display:block;

? ? background:url('parallax.gif') no-repeat bottom left;

? ? padding:93px 100px 75px 100px;

}

根據上面的原理，舉一反三，通過類似的方法，我們還可以給 img 元素設置雙邊：

img {

? ? display:block;

? ? padding:1px;

? ? background:red;

? ? border:1px solid black;

轉載于:https://www.cnblogs.com/ddshou/archive/2009/05/05/1449712.html

總結

以上是生活随笔為你收集整理的可以给img元素设置背景图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。