css控制背景圖片

1、CSS控制背景圖片.txt∞一人行必會發(fā)情二人行必會激情三人行必有奸情就不會被珍惜。真實(shí)的女孩不完美，完美的女孩不真實(shí)。得之坦然，失之淡然，順其自然，爭其必然。對于圖片，首先我們先想到是背景圖片。因?yàn)槲覀冊S許多的裝飾都是用背景圖片來實(shí)現(xiàn)的。既然這樣，那么就從CSS控制背景圖片講起吧。1.CSS控制背景圖片：對于一個網(wǎng)頁，我們開始設(shè)計(jì)的時候，可能沒有過多的去想背景圖到底是什么，因?yàn)榇蠖喽际窃O(shè)計(jì)背景色就可以了，原因嗎，我想也很簡單，因?yàn)樗c

2、前景音樂一樣，對于網(wǎng)頁的打開，速度會有一定的影響。不過對于一般的個人網(wǎng)站，或者個人博客而言，它對展現(xiàn)自己的個性，當(dāng)然是不可或缺的了，當(dāng)然什么都不會太過完美，有好就有壞，也就是當(dāng)圖像不可用但CSS可用的時候，替換內(nèi)容就不會顯示出來，因此，并不建議在導(dǎo)航按鈕文本或類似的情況中使用CSS背景圖片?？刂票尘皥D片的CSS屬性有很多，只要與圖片的相關(guān)的，大多都會用的上。(1)、背景圖片的導(dǎo)入：當(dāng)然大家最熟悉的當(dāng)然是background與backgr

3、oundimage了。為網(wǎng)頁設(shè)計(jì)背景圖片的代碼是：bodybackground:url(“d:images04.jpg“)或者bodybackgroundimage:url(“d:images04.jpg“)這樣的話，我們就能將想要作背景的圖片導(dǎo)進(jìn)網(wǎng)頁里了。(2)、背景圖片的顯示方式：當(dāng)然，只用上面的代碼，是無法表達(dá)出自己想要的效果的。因?yàn)?，圖片小了，就會以平鋪的方式，如果是大了，為顯示它，就是會出現(xiàn)滾動條，這樣多不好。因此，我們還得多

4、其進(jìn)行顯示控制，也就是要用到backgroundrepeat，它是取值：repeat:默認(rèn)值。背景圖像在縱向和橫向上平鋪norepeat:背景圖像不平鋪repeatx:背景圖像僅在橫向上平鋪repeaty:背景圖像僅在縱向上平鋪而代碼，我想只要懂一點(diǎn)CSS的都知道，如下：bodybackground:url(“d:images04.jpg“)backgroundrepeat:norepeat這樣的話，它就是以原圖像大小顯示了。(3)、背

5、景圖片的大小控制：不過問題是，倘若圖片過大了，又怎么辦呢？對于一個好網(wǎng)頁來說，最好不要用太大的圖片，原因上面也說過了，影響打開網(wǎng)頁的速度。我們最好還是用PS或者FireWks處理一下。不過既然我提到了，我們也不防用CSS來實(shí)現(xiàn)圖片大小的控制。我想很多人會自然而然的用上如下代碼：bodybackgroundimage:url(“d:images04.jpg“)width:350pxheight:350px呵呵，想法是好的，但你所用的瀏覽器

6、支持嗎？我想IE或者FF一定會當(dāng)作沒看見吧。也許你會問，我曾經(jīng)設(shè)計(jì)論壇風(fēng)格時，是可以實(shí)現(xiàn)的啊？我想，如果只是上面的代碼的話，(5)、背景圖片的透明設(shè)置：有的時候，我們總想著去將圖片設(shè)置成透明的。(6)、多幅背景圖片的設(shè)置：對于多幅背景圖片的設(shè)置，我是在《超越CSS：WEB設(shè)計(jì)藝術(shù)精髓》里看到的。不過，卻又讓我很遺憾，因?yàn)椋壳爸С忠粋€標(biāo)簽內(nèi)有多幅背景圖片的瀏覽器太小了，我知道的也只有AppleSafari。以許你會問，這怎么可能。當(dāng)你看

7、完這個實(shí)例之后，我想你會驚訝，“天啊，CSS3之前都只能給每個元素使用一幅圖片?！比绻胙芯恳幌碌脑挘涂炜彀惭b一個SAFARI瀏覽器吧。對我而言，我相信，這是發(fā)展的趨勢?？傊痪湓?，誰解釋CSS能力越強(qiáng)，它就將是發(fā)展的潮流，誰俱有完美的WEB準(zhǔn)標(biāo)，誰就是明日瀏覽器之星。代碼如下：bodybackgroundimage:url(“d:mypic001.png“)url(“d:mypic002.png“)url(“d:mypic003.p