可以給img元素設(shè)置背景圖
更新時(shí)間：2009年04月06日 01:07:06 作者：
驚嘆于老外的發(fā)現(xiàn) 《CSS Background image on html image element?》，自己從沒關(guān)注過，也沒想過如此的問題。
實(shí)現(xiàn)方法很簡(jiǎn)單：設(shè)置 img 元素為塊元素（display:block;），并賦一個(gè) padding 值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
復(fù)制代碼 代碼如下:
img {
display:block; b
ackground:url('parallax.gif') no-repeat bottom left;
padding:93px 100px 75px 100px;}
根據(jù)上面的原理，舉一反三，通過類似的方法，我們還可以給 img 元素設(shè)置雙邊：
復(fù)制代碼 代碼如下:
img {
display:block;
padding:1px;
background:red;
border:1px solid black;
}
相關(guān)文章
網(wǎng)頁(yè)布局設(shè)計(jì)的標(biāo)準(zhǔn)尺寸
許多的網(wǎng)頁(yè)設(shè)計(jì)在進(jìn)行網(wǎng)頁(yè)布局設(shè)計(jì)時(shí),進(jìn)行界面網(wǎng)頁(yè)的寬度尺寸設(shè)計(jì)都比較迷茫,800*600尺寸及1024*768尺寸的分辨率下,網(wǎng)頁(yè)應(yīng)該設(shè)計(jì)為多少像素才合適呢?太寬就會(huì)出現(xiàn)水平滾動(dòng)條了,下面我們就網(wǎng)頁(yè)設(shè)計(jì)的標(biāo)準(zhǔn)尺寸進(jìn)行講解.2008-03-03
喜歡個(gè)性化校內(nèi)網(wǎng)網(wǎng)頁(yè)的朋友，可以用到的，感興趣可以看下，網(wǎng)頁(yè)中背景設(shè)置的一些屬性2008-09-09
Css Reset是什么? 有些同行叫 "css復(fù)位",有些可能叫 "默認(rèn)css".....2008-09-09
ie6,ie7,ie8完美支持position:fixed的終極解決方案
ie6對(duì)position:fixed不支持，網(wǎng)上有很多解決方法，有的在ie6,ie7上調(diào)試成功后，在ie8上又不好使，div層還是跟隨滾動(dòng)條浮 動(dòng)；以下總結(jié)方法，在ie6,ie7,ie8上都調(diào)試成功，且頁(yè)面滾動(dòng)條滾動(dòng)時(shí)，效果還挺好，div層并不會(huì)閃爍。2014-05-05
兩年前曾寫了棵CSS無限級(jí)樹形菜單: 那時(shí)寫的樹存在一個(gè)致命弱點(diǎn):數(shù)據(jù)量比較大時(shí),很容易導(dǎo)致瀏覽器卡死. 這兩天重寫了一下代碼,除了在CSS的寫法上與前一次基本一樣外,javascript代碼部分可以說是脫胎換骨了,哈哈.2008-05-05
css Hspace 和vspace的圖片控制實(shí)例
更改圖片的間隔：使用Hspace與Vspace。2008-06-06
用CSS讓表格返轉(zhuǎn)的代碼 IE only...2007-03-03
IE6，IE7和firefox對(duì)DIV的支持區(qū)別
IE6，IE7和firefox對(duì)DIV的支持區(qū)別...2007-09-09
css 之 background-position-x...2007-08-08
兼容Compatible and tested with IE6, IE7, Safari 2, Safari 3, Firefox 2, Opera 9.21的圖片垂直居中效果代碼2008-05-05