教你如何讓背景圖片居中
教你如何讓背景圖片居中
<style type="text/css"><!-- body {background-image: url(http://ＷＷＷ.ＳＴＵＤＳＴＵ.ＣＯＭ/logo.gif);background-color: #ffffff; background-position: center; background-repeat: repeat-y; background-attachment: scroll; } --> </style>
background-position: center center中center center這項(xiàng)值可修改。既是背景圖片的位置。比如center center表示背景圖片固定在中間，你還可以修改這一行以達(dá)到你想要顯示的效果，如改成left top表示左上，left bottom為左下，right top為右上，right bottom為右下，top為正上方，bottom為正下方。
當(dāng)然，如果僅有這些或許還不能滿足我們網(wǎng)頁(yè)的統(tǒng)籌布局。我們可以細(xì)化到具體位置，那就用坐標(biāo)代替。如改成：background-position: 20px 40px;px表示左起水平20象素，垂直40象素。試著改動(dòng)數(shù)字，可以發(fā)現(xiàn)背景圖片也會(huì)出現(xiàn)在不同位置。細(xì)化位置有很多方法，比如用百分比代替等等這里就不一一列舉了。
background-repeat: no-repeat;
no-repeat這項(xiàng)值可以改為repeat、repeat-x、repeat-y
repeat一般為默認(rèn)值，表示背景圖像在縱向和橫向上平鋪。no-repeat表示背景圖像不平鋪 。repeat-x為背景圖像僅在橫向上平鋪，repeat-y:表示背景圖像僅在縱向上平鋪。
background-attachment:fixed 表示背景圖片靜止，文字在背景上面移動(dòng)，如fixed值改為scroll則表示背景圖片隨著頁(yè)面上的文字一起移動(dòng)。
另外補(bǔ)充：<fieldset style=width:1002px align=center>
將這個(gè)代碼放在搜索引薦優(yōu)化,其它頭部信息中，寬度自已調(diào)整成頁(yè)面背景中間的寬度，這個(gè)是將頁(yè)面底部的運(yùn)行信息加到和背景中間一樣寬的代碼
奇億網(wǎng)絡(luò)人才招聘通知 用戶付100元開(kāi)發(fā)商拿三四成，拆解頁(yè)游分賬模式 公司搬遷新辦公地址通知 百度長(zhǎng)期不更新的網(wǎng)站該如何優(yōu)化 五個(gè)讓你在百度關(guān)鍵字排前的方法 網(wǎng)站設(shè)計(jì)可從八方面提高轉(zhuǎn)化率 企業(yè)網(wǎng)站應(yīng)該怎樣來(lái)優(yōu)化排名？ 網(wǎng)站建設(shè)之15步提升網(wǎng)站信任度 企業(yè)網(wǎng)站建設(shè)優(yōu)化應(yīng)該注意五點(diǎn) 除了優(yōu)化我們還有哪些網(wǎng)站推廣方法？ 網(wǎng)站優(yōu)化最重要的是需要好的心態(tài) 個(gè)人網(wǎng)站或博客如何來(lái)賺錢(qián)盈利？ 網(wǎng)站建設(shè)的鏈接優(yōu)化策略 更新網(wǎng)站內(nèi)容應(yīng)注意哪些事項(xiàng) 網(wǎng)站建設(shè)公司素質(zhì)莨莠不齊 互聯(lián)網(wǎng)服務(wù)市場(chǎng)未來(lái)堪憂 網(wǎng)站制作應(yīng)該選擇怎樣的方案最好 網(wǎng)站優(yōu)化排名利器之軟文 騰訊加入團(tuán)購(gòu)大戰(zhàn)阿里稱不在意 廣州奇億網(wǎng)站建設(shè)春節(jié)放假安排 網(wǎng)絡(luò)營(yíng)銷(xiāo)效果取決于網(wǎng)站建設(shè)成敗
