可以為img元素設定背景圖_經驗交流

實作方法很簡單：設定 img 元素為區塊元素（display:block;），並賦一個 padding 值。

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>Image Demo</title> <style type="text/css"> div { background: url('http://img.jb51.net/images/blur.jpg') no-repeat top left; width: 232px; height: 200px; } img { display: block; background: url('http://img.jb51.net/images/parallax.gif') no-repeat bottom left; padding: 93px 100px 75px 100px; } </style> <div> <img src="http://img.jb51.net/images/Anime_%C3%A5%C2%8F%C2%AF%C3%A4%C2%BB%C2%A5%C3%A7%C2%82%C2%BAimg%C3%A5%C2%85%C2%83%C3%A7%C2%B4%C2%A0%C3%A8%C2%A8%C2%AD%C3%A5%C2%AE%C2%9A%C3%A8%C2%83%C2%8C%C3%A6%C2%99%C2%AF%C3%A5%C2%9C%C2%96_%C3%A7%C2%B6%C2%93%C3%A9%C2%A9%C2%97%C3%A4%C2%BA%C2%A4%C3%A6%C2%B5%C2%81.gif" alt="可以為img元素設定背景圖_經驗交流"> </div>
[​​Ctrl A Ã¥…¨éÂ¸Ã¦Â³Â¨:如需引入外éƒÂ¨Js需åˆÂ·Ã¦–°æ‰Ã¨ƒÂ½Ã¥ŸÂ·Ã¨Â¡Œ]

複製程式碼 程式碼如下:

img {
display:block; b
ackground:url('parallax.gif') no-repeat bottom left; padding:93px 100px 75px 100px;}

根據上éÂ¢Ã§š„Ã¥ŽŸÃ§†Ã¯Â¼ŒÃ¨ˆ‰Ã¤Â¸€Ã¥Ã¤Â¸‰Ã¯Â¼ŒÃ©€Ã©ŽÃ©Â¡žÃ¤Â¼Â¼Ã§š„方法，我們也åÂ¯Ã¤Â»Â¥Ã§‚ºimg Ã¥…ƒÃ§Â´Â Ã¨Â¨Â­Ã¥Â®šÃ©›™Ã©‚ŠÃ¯Â¼š

複製程式碼 程式碼如下:

img {
display:block;
padding:1px;
background :red;
border:1px solid black;
}