可以給img元素設(shè)置背景圖
更新時間：2009年04月06日 01:07:06 作者：
驚嘆于老外的發(fā)現(xiàn) 《CSS Background image on html image element?》，自己從沒關(guān)注過，也沒想過如此的問題。
實(shí)現(xiàn)方法很簡單：設(shè)置 img 元素為塊元素（display:block;），并賦一個 padding 值。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(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)文章
繼承是 css中經(jīng)常要用到的技術(shù)，好處是可以盡量讓頁面的代碼減少重復(fù)利用，但是隨時項(xiàng)目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護(hù)。其實(shí)，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。2008-11-11
CSS計(jì)數(shù)器是一個強(qiáng)大但經(jīng)常被忽視的工具,它們允許開發(fā)者創(chuàng)建和管理計(jì)數(shù)器,這些計(jì)數(shù)器可以在文檔中自動遞增,非常適合用于編號章節(jié)、列表項(xiàng)或其他文檔元素,它們具有強(qiáng)大的瀏覽器支持2025-02-02
一些很不錯的css技巧,但也常為人們所忽略...2007-05-05
div布局的自由伸展三欄式版面的代碼...2007-11-11
用js實(shí)現(xiàn)的DIV+CSS編輯器代碼...2007-03-03
[紅色]又一個典型css實(shí)例...2006-12-12
div+css布局必了解的列表元素ul ol li dl dt dd詳解
dt 和dd中可以再加入 ol ul li和p，理解這些以后，在使用div布局的時候，會方便很多，其實(shí)w3c提供了很多元素輔助布局都是有它的用處的，而不盡是div。2008-04-04
用CSS實(shí)現(xiàn)的一張圖完成的按鈕效果...2007-03-03
最近一個項(xiàng)目，css,js等靜態(tài)資源做了cdn部署，瀏覽網(wǎng)站時發(fā)現(xiàn)font?awesome字體圖標(biāo)通通不能正常顯示。只有一些奇怪的符號。瀏覽器控制臺報錯信息：font-face引用字體跨域。2023-06-06
為方便站點(diǎn)哀悼，特提供素裝代碼，以表哀悼。以下為全站CSS代碼。2008-05-05