CSS中如何設拉伸背景圖片鋪滿屏幕CSS30背景屬性之背景圖片的引入和大小的設置
html 怎么讓背景圖鋪滿整個頁面下面這段代碼給div設置了一個寬度和高度，然后添加了一張背景圖片，并使用了background-size:cover;這個屬性，就會自動放大或縮小背景圖片來適應，但是需要指出的是這個屬性在需要在IE9及以上版本支持，谷歌和火狐都支持，具體支持情況看上面的圖，淺綠的代表支持，粉紅的不支持，你也可以到caniuse.com自己查看支持性無標題文檔.div1{width:500px;height:600px;background:url(images/class_nav.jpg) ;background-size:cover;}
html背景圖片，該怎么讓它充滿頁面 ， 不是以拉伸的一行代碼可解決 background-size:cover html手冊上的: 注意：如果打算使用背景圖像，應該牢記： 這個圖像會使頁面加載時間過長嗎？小技巧：圖像文件的容量盡量不要超過10K 。這個圖像跟頁面上其他圖像協調嗎？ 這個圖像跟頁面上的文字顏色協調嗎html背景圖片 ， 該怎么讓它充滿頁面，不是以拉伸的
html如何背景圖片拉伸？取值：repeat、no-repeat 、repeat-x、repeat-y。repeat : 默認值 。背景圖像在縱向和橫向上平鋪；no-repeat : 背景圖像不平鋪；repeat-x : 背景圖像僅在橫向上平鋪；repeat-y : 背景圖像僅在縱向上平鋪 。HTML是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分 。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容 。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位 。但需要注意的是，對于不同的瀏覽器 ， 對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果 。HTML之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點--就是一種URL指針 ， 通過激活它，可使瀏覽器方便地獲取新的網頁 。這也是HTML獲得廣泛應用的最重要的原因之一 。一個網頁對應于一個HTML文件，HTML文件以.htm或.html為擴展名 。可以使用任何能夠生成TXT類型源文件的文本編輯來產生HTML文件 。標準的HTML文件都具有一個基本的整體結構，即HTML文件的開頭與結尾標志和HTML的頭部與實體2大部分 。有3個雙標記符用于頁面整體結構的確認 。標記符說明該文件是用HTML來描述的 。它是文件的開頭，而則表示該文件的結尾，它們是HTML文件的始標記和尾標記 。
html如何背景圖片拉伸background-size: cover;
誰有這張poi的背景圖片，要做壁紙的，一定要高清的 ， 謝謝了P站原圖
高分求這張背景圖片的原圖，最好高清 ， 謝謝高清的來了：
大神們 誰有這個背景圖的原圖 要高清的？圖片如下：[電腦]右鍵點擊圖片--新標簽頁中打開鏈接--然后保存到電腦 。[手機]點擊圖片，保存到手機（如果APP點不開圖片，用瀏覽器打開） 。很高興為你解答，滿意請采納，謝謝 。~
誰能弄到下面這張海報的高清背景圖片 類似的也行 謝謝了我個人很喜歡這張望采納
css中如何調整插入背景圖片的大小CSS2.1 之前是不能設置背景圖大小的 ， CSS3就可以通過background-size來設定圖片大小，可以是像素或者是百分比 。例如background-size:100px 200px;表示把背景圖片大小調整為100x200px 。要把圖像應用成為背景，要使用 background-image這一 屬性 。當background-image 屬性默認值是 none的時候，這表示背景上沒有放置任何圖像 。如果需要設置一個背景圖像，必須為這個屬性設置一個 URL 值 。層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言 。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化 。CSS 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力 。
css問題:如何控制背景圖片的大小背景圖不能改變大小，你只能用圖片編輯軟件來把圖片縮小后，在放進去了
css中如何調整插入背景圖片的大小CSS30背景屬性之背景圖片的引入和大小的設置
CSS中如何設拉伸背景圖片鋪滿屏幕
文章插圖
#bg{margin:0px; background: url(images/beijing.png) no-repeat; background-size:100% 100%; background-attachment:fixed;}擴展資料：url(images/beijing.png)——圖片路徑的位置；no-repeat—— 圖片不重復；center 0px——center是距離頁面左邊的定位，0px是距離頁面上面的定位；background-position: center 0——就是圖片的定位，同上；background-size: cover;——把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域 。背景圖像的某些部分也許無法顯示在背景定位區域中；min-height: 100vh;——視窗的高度，“視區”所指為瀏覽器內部的可視區域大小，即window.innerWidth/ window.innerHeight大小 。
css問題:如何控制背景圖片的大小1、css2中是無法控制背景圖片大小的，如果想實現這種效果，只能是更改圖片了 。
2、css3中可以通過background-size來控制圖片的大小 。
background-size屬性用法：
background-size: length|percentage|cover|contain;
1）length:設置背景圖像的高度和寬度 。第一個值設置寬度 ， 第二個值設置高度 。如果只設置一個值，則第二個值會被設置為 "auto" 。
2）以父元素的百分比來設置背景圖像的寬度和高度 。
3）把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域 。背景圖像的某些部分也許無法顯示在背景定位區域中 。
4）把圖像圖像擴展至最大尺寸，以使其寬度和高度完全適應內容區域 。
具體示例可以參考：http://www.w3school.com.cn/cssref/pr_background-size.asp
css中的背景圖怎么改變大小
文章插圖
需要準備的材料分別有：電腦、瀏覽器、html編輯器 。1、首先，打開html編輯器 ， 新建html文件，例如：index.html 。2、在index.html中的標簽中，輸入css代碼：body{background: url(image.jpg) no-repeat;background-size: 200px 200px; } 。3、瀏覽器運行index.html頁面，此時背景圖片成功被設定為200*200 。
css中如何調整插入背景圖片的大小【背景圖片大圖】body｛background:"#FF0000 url( http://www.zhoz.com/zhoz_com_2008bg.png) no-repeat fixed center top";｝HTML DOM background 屬性：是用于在一個聲明中設置所有背景屬性的一個簡寫屬性 。語法：Object.style.background=background-color background-imagebackground-repeat background-attachment background-position參數 描述 值 background-color 設置元素的背景色 。color-name color-rgb color-hex transparent background-image 設置背景圖像 。url(URL) none background-repeat 設置背景圖像是否及如何重復 。repeat repeat-x repeat-y no-repeat background-attachment 背景圖像是否固定或者隨著頁面的其余部分滾動 。scroll fixed background-position 設置背景圖像的起始位置 。top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos
css3中增加了兩種設置調整背景圖片大小的方式,分別是什么？1 background-size:auto;/* 默認值 ， 不改變背景圖片的高度和寬度 */
2 background-size:100px 50px;/* 第一個值為寬 ， 第二個值為高，當設置一個值時 ， 將其作為圖片寬度來等比縮放 */
3 background-size:10%;/* 0％~100％之間的任何值 ， 將背景圖片寬高按百分比顯示 ， 當設置一個值的時候同也將其作為圖片寬度來等比縮放 */
4 background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */
5 background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */
css中的背景圖怎么改變大小;#"這得用到CSS3的知識;
-o-background-size;img
src=https://www.zaoxu.com/jjsh/bkdq/">
height="
-moz-background-size:200px
200px 。
background-size 。
也可以把背景圖片轉化為<#"img
src=https://www.zaoxu.com/jjsh/bkdq/"200"
/:200px
200px;
/200" ， 這樣的話就可以<
width=":200px
200px;
或者你可以用photoshop把圖片變小一點:200px
200px;
-moz-background-size;>
div+css如何改變背景圖片大小主要有以下幾種方法：1-把圖片放在div的背景圖里，再利用css3的background-size屬性 ， 語法：background-size: length|percentage|cover|contain;這個CSS3的屬性作用是把背景圖像擴展至足夠大，以使背景圖像完全覆蓋背景區域，背景圖像的某些部分也許無法顯示在背景定位區域中，如果不使用這個屬性，在IE11和FireFox中縮放瀏覽器 ， 背景圖片會隨之縮?。筆褂?webkit-background-size: cover和-o-background-size: cover兼容webkit內核瀏覽器和Opera瀏覽器；background-attachment屬性設置背景圖像是否固定或者隨著頁面的其余部分滾動，當設置為fixed時頁面的其余部分滾動時，背景圖像不會移動 。2-如果是有規律變化的圖 ， 可以將圖片單獨切出來 ， 然后repeat-x或者repeat-y進行平鋪，也是一個不錯的方法，而且圖片可以切得不用那么大 ， 也對圖片進行充分利用 。3-將圖片寫在img標簽里，然后對圖片和div進行相對定位/絕對定位，效果是圖片尺寸不會隨瀏覽器縮放而變化 ， 但是如果有豎直滾動條時，圖片不會固定而會隨滾動條移動 。只需要把圖片的寬度width設置成100%就行了 。
CSS樣式表控制背景圖片大小
文章插圖
可以通過background-size屬性來設定背景圖片的大小 。它可以是像素（px）或者是百分比(%)，舉例說明：background-size:950px* 200px這表示把背景圖片大小調整為寬度950像素 ， 高度200像素 。1、background-size的語法說明：(1)屬性名:background-size(2)屬性值:其中 bg-size = [|| auto ]{1,2} | cover | contain(3)初始值:auto auto(4)應用于:所有元素(5)繼承性:無(6)百分比:后面會說明(7)計算值:根據指定2、代碼說明：/* 一個值: 這個值指定圖片寬度，第二個值為auto */background-size: autobackground-size: 50%background-size: 3embackground-size: 12px /* 兩個值: 第一個值指定圖片的寬度，第二個值指定圖片的高度 */background-size: 50% autobackground-size: 3em 25%background-size: auto 6pxbackground-size: auto auto/*多重背景，用逗號隔開，在CSS語法中凡語法后跟*或者#，都是可以無限重復的，但必須用逗號隔開 。*/background-size: auto, auto/* 請區別于background-size: auto auto*/background-size: 50%, 25%, 25%background-size: 6px, auto, containbackground-size: inherit擴展資料：背景重復：如果需要在頁面上對背景圖像進行平鋪，可以使用 background-repeat 屬性 。屬性值 repeat 導致圖像在水平垂直方向上都平鋪 ， 就像以往背景圖像的通常做法一樣 。repeat-x 和 repeat-y 分別導致圖像只在水平或垂直方向上重復，no-repeat 則不允許圖像在任何方向上平鋪 。背景圖像將從一個元素的左上角開始 。如下：body{background-image: url(/i/eg_bg_03.gif);background-repeat: repeat-y;}背景定位：可以利用 background-position 屬性改變圖像在背景中的位置 。下面的例子在 body 元素中將一個背景圖像居中放置：body{background-image:url('/i/eg_bg_03.gif');background-repeat:no-repeat;background-position:center;}為 background-position 屬性提供值有很多方法 。首先，可以使用一些關鍵字：top、bottom、left、right 和 center 。通常，這些關鍵字會成對出現，不過也不總是這樣 。還可以使用長度值 ， 如 100px 或 5cm，最后也可以使用百分數值 。不同類型的值對于背景圖像的放置稍有差異 。參考資料來源：w3school：CSS 背景
這個背景圖誰有高清？北漠公主風鈴鬼刀
誰有這個背景圖？高清原圖出自：740 × 1600 像素動漫貓耳女仆 | 二次元動漫壁紙 | 你萌想要的動漫壁紙來啦！_ 電腦 ...
誰有這張背景圖的高清原圖？高清的?。⊙丈塹牟皇巧畹牟皇峭?那種這段時間特別想一個男人，想到心都要碎了他就是毛爺爺你要記住，無論最后我們疏遠成什么樣子一個紅包，就能回到當初 。你應該喜歡一個能逗你笑的人，而不是我這種經常把你美哭的人
有人有這個背景圖的高清圖呀 ， 找了好長時間了，求一張？現在發的這張圖片，他其實已經算是挺高清的了，尤其是你在用到手機上的時候 ， 他顯得更加清楚 。不用非得要用高 。
在html中將插入背景圖片,如何讓背景圖片跟屏幕一樣大？
文章插圖
方法：首先點擊【新建文件夾】 ， 放入背景圖片 ， 在Dreamweaver CS6中點擊【新建一個html空白文檔】 ， .將頁面內容放入中，在<body后按一下空格鍵，找到background，再按空格，點擊【瀏覽】，選中背景圖 ， 點擊【確定】，將html另存為在“表格”文件夾里 。這樣就可以讓背景圖片跟屏幕一樣大 。
用html寫網頁如何插入背景圖片?。看笮≡趺純刂疲?/h3>可以用css控制‘body {background-image:url(images/background.jpg);background-size:cover;color: silver;font-family:"華文楷體";}可以直接用html標簽控制
html代碼怎么設置背景圖片大小可以使用html的background-image標簽和background-size實現插入背景圖片和控制圖片大小 。具體步驟如下：需要準備的材料分別是：電腦、瀏覽器、ultraedit 。1、在ue編輯器中新建一個空白的html文件 。2、在ue編輯器中輸入以下html代碼 。3、編輯完成以后，在ue編輯器中點擊保存，格式選擇UTF8無BOM 。4、在瀏覽器中打開此html文件，可以看到最終想要實現的背景圖片效果 。
PPT母版中的背景圖片怎么修改？材料/工具：PPT20101、首先我們先打開我們需要修改背景的PPT文檔 。2、接著我們找到菜單中的“視圖”下的“幻燈片模版” 。3、接著進入模板編輯界面 。找到我們需要修改的背景圖 。4、選中背景圖 ， 右鍵單擊 ， 在彈出的下拉菜單中選擇“更換圖片-來自文件” 。5、接著找到自己想要換的圖片，然后點擊下方的“插入” 。6、等待系統完成插入，這時候我們就可以看到我們更換的圖片已經成功了，所有使用同樣母板的背景也會跟著一起更換 。7、返回PPT查看背景圖的時候，發現所有的ppt已經自動更換好我們設置新的背景圖了 。
PPT模板中的背景圖片如何修改？A. 利用背景的變換首先利用Windows中的“畫圖”，或者其它圖形編輯軟件 ， 將所需的模板存為圖形文件 。然后進入PowerPoint，在工具欄“格式”中選擇“背景”，運用“填充效果”在“圖片”中選擇相應的圖形文件，回到“背景”后,選擇“忽略母板的背景圖形”最后按“應用”即可 。這樣我們就為當前這張幻燈片改變了模板 。重復以上步驟就可以為所需的幻燈片更換不同的模板 。B.導新模板如果是導已制做好的模板，先將已做好的PPT存在桌面上（比如文件名叫TT）：點擊格式--點擊幻燈片設計--點擊最下面的“瀏覽”--在路徑中找到你存在桌面上的TT文件--點擊“應用”--完成 。C. 運用“超級鏈接”我們將整組幻燈片按照播放次序并且將使用同一個模板的幻燈片依次存為一組文件 ， 每個文件中可以只有一張幻燈片，也可以有多張幻燈片,但同一文件中的幻燈片具有相同的模板 ， 相臨文件中的幻燈片具有不同的模板 。然后利用PowerPoint工具欄“插入”中的“超級鏈接”將一個個的文件鏈接起來 。具體方法是：1.選擇放映時的第一個文件；2.找到這個文件中的最后一張幻燈片，在這張幻燈片上畫一個比幻燈片略大的矩形 ， 將這個矩形選擇為“無填充色”，并且把它置于幻燈片的底層；3.選中這個矩形，然后在“插入”中選擇“超級鏈接”，在“鏈接到文件或URL”下的空欄中鍵入下一個文件名，或者利用“瀏覽”選擇下一個文件名，最后“確定”；4.選擇下一個文件，重復第2步和第3步，直到最后一個文件 ， 最后一個文件就不需要鏈接了 。
[轉載]PPT模板中的背景圖片如何修改如公司的logo，就可以選中后Delete掉 。
2.A.
利用背景的變換
首先利用Windows中的“畫圖” ， 或者其它圖形編輯軟件 ， 將所需的模板存為圖形文件 。
然后進入PowerPoint，在工具欄“格式”中選擇“背景”，運用“填充效果”在“圖片”中選擇相應的圖形文件，回到“背景”后,選擇“忽略母板的背景圖形”
最后按“應用”即可 。這樣我們就為當前這張幻燈片改變了模板 。重復以上步驟就可以為所需的幻燈片更換不同的模板 。
B.導新模板
如果是導已制做好的模板，先將已做好的PPT存在桌面上（比如文件名叫TT）：點擊格式--點擊幻燈片設計--點擊最下面的“瀏覽”--在路徑中找到你存在桌面上的TT文件--點擊“應用”--完成 。
C.
運用“超級鏈接”
我們將整組幻燈片按照播放次序并且將使用同一個模板的幻燈片依次存為一組文件，每個文件中可以只有一張幻燈片，也可以有多張幻燈片,但同一文件中的幻燈片具有相同的模板 ， 相臨文件中的幻燈片具有不同的模板 。
然后利用PowerPoint工具欄“插入”中的“超級鏈接”將一個個的文件鏈接起來 。
具體方法是：
1.選擇放映時的第一個文件；
2.找到這個文件中的最后一張幻燈片，在這張幻燈片上畫一個比幻燈片略大的矩形，將這個矩形選擇為“無填充色”，并且把它置于幻燈片的底層；
3.選中這個矩形，然后在“插入”中選擇“超級鏈接” ， 在“鏈接到文件或URL”下的空欄中鍵入下一個文件名，或者利用“瀏覽”選擇下一個文件名，最后“確定”；
4.選擇下一個文件，重復第2步和第3步，直到最后一個文件，最后一個文件就不需要鏈接了 。
ppt母版背景圖片怎么修改材料/工具：PPT20101、首先我們先打開我們需要修改背景的PPT文檔 。2、接著我們找到菜單中的“視圖”下的“幻燈片模版” 。3、接著進入模板編輯界面 。找到我們需要修改的背景圖 。4、選中背景圖，右鍵單擊，在彈出的下拉菜單中選擇“更換圖片-來自文件” 。5、接著找到自己想要換的圖片，然后點擊下方的“插入” 。6、等待系統完成插入，這時候我們就可以看到我們更換的圖片已經成功了 ， 所有使用同樣母板的背景也會跟著一起更換 。7、返回PPT查看背景圖的時候，發現所有的ppt已經自動更換好我們設置新的背景圖了 。
qq空間背景圖片格式是多少 要是全屏的大小
文章插圖
qq空間背景圖片尺寸無大小限制（以便達到最佳效果，建議使用大于500像素），支持的格式為jpg、jpeg、png、gif ， 大小需為2M以內，大于2M的圖片請使用極速上傳工具 。黃鉆等級LV3及以上或開通年費黃鉆即可使用自定義皮膚功能 。圖片說明：（1）相冊中選擇：通過選擇已上傳至QQ相冊中照片或圖片；（2）上傳圖片：通過對于本地電腦進行瀏覽選擇所需要使用照片 ， （上傳的圖片將儲存在貼圖相冊中，沒有則自動生成一個貼圖相冊 ， 請不要輕易刪除，刪除該圖片或貼圖相冊后將無法正常展示此自定義皮膚） 。擴展資料溫馨提示：1、自定義皮膚暫不支持設置透明度；2、好友的自定義皮膚暫不支持被應用到自己的空間中 ， 建議聯系好友，讓其提供其自定義皮膚的圖片；3、自定義皮膚暫不支持單獨刪除，若不想使用某自定義皮膚，建議重新制作自定義皮膚或更換裝扮商城其他皮膚保存 。參考資料：騰訊客服-QQ空間-如何自定義QQ空間背景皮膚（圖片）？
求一個qq空間背景圖片？
文章插圖
百度圖庫、千圖網、素材中國、圖俠網、站長素材、昵圖網這些網站的圖片資源很豐富，而且大部分都是免費的高清圖，有各種類型和風格的，只要在網站中輸入關鍵字就會出現海量圖片資源 ， 很方便很經濟，以下是網址鏈接：百度圖庫：網頁鏈接千圖網：網頁鏈接素材中國：網頁鏈接圖俠網：網頁鏈接站長素材：網頁鏈接昵圖網：網頁鏈接百度圖庫、千圖網、素材中國、圖俠網、站長素材、昵圖網這些網站的圖片資源很豐富，而且大部分都是免費的高清圖 ， 有各種類型和風格的，只要在網站中輸入關鍵字就會出現海量圖片資源，很方便很經濟 ， 如下圖的千庫網
求一張QQ空間的DIY素材，就是空間的背景圖片，關于L的 。你可以去找那個圖片么，然后放到網上，或者去呆呆‘樂園他們網站，找他們的管理員，然后放到他們的官網上，然后給你圖的連接就好了，我的就是這么搞滴，嘎！
來一張QQ空間背景圖希望你喜歡并收藏
css中怎樣引入背景圖片？CSS30背景屬性之背景圖片的引入和大小的設置
css怎么給div加背景圖片通過css：background-image語句設置背景 。background-image 屬性會在元素的背景中設置一個圖像 。根據 background-repeat 屬性的值，圖像可以無限平鋪、沿著某個軸（x 軸或 y 軸）平鋪，或者根本不平鋪 。初始背景圖像（原圖像）根據 background-position 屬性的值放置 。（1）相對的文件位置：（2）測試代碼：測試效果：擴展資料：background-image 屬性為元素元素的背景占據了元素的全部尺寸，包括內邊距和邊框，但不包括外邊距 。默認地，背景圖像位于元素的左上角，并在水平和垂直方向上重復 。提示：請設置一種可用的背景顏色，這樣的話，假如背景圖像不可用，頁面也可獲得良好的視覺效果 。參考資料：百度百科--CSS background-image
css插入背景圖片的樣式背景圖如果位置是0,0就相當于背景圖以左上角為原始位置貼上去 。
但是如果我要這個背景圖的下方的比如QQ作為背景圖，那么這個背景圖就要往上移，看上去大概在35個像素左右 。
往上移了就相當于這張圖離原始位置偏移了-35px，左右沒偏移，所以新位置是(-35 0)
這個數值，要看這張背景圖的組合，看這個需要的圖標，距離頂端的位置有多大，背景圖距上位置就負的多大 。同理向左向右 。
html里怎么插入背景圖片？？急
文章插圖
1、插入背景圖片有兩種方法，一種是用html的img標簽，另一種是利用css的background標簽插入 。具體操作是首先新建一個html文件，寫入兩個div ， 分別用來演示兩種方法插入標簽：2、首先是用html標簽插入圖片 ， 這里直接在img標簽中使用src屬性就可以插入圖片路徑就成功了：3、接著是用css插入，在div中設置class屬性為img2，在script標簽中使用background標簽插入 ， 其中url是標簽的路徑，no-repeat是設置圖片不重復，center是設置照片居中顯示：4、最后給這些標簽都設置一些樣式，讓它們顯得美觀一些 。然后打開瀏覽器查看效果：5、打開瀏覽器，可以看到照片都顯示出來了 。以上就是html插入照片的方法介紹：
css如何使div背景圖片填充
文章插圖
css使div背景圖片填充的具體操作步驟如下：1、我們首先打開前端開發工具，新建一個html代碼頁面 。2、在html代碼頁面上創建一個用于設置背景顏色的div標簽，然后給這個標簽添加上class = "bg-img" 。3、設置背景圖片，創建style標簽，然后在標簽里面對類為bg-img設置背景圖片、圖片不重復、寬、高的樣式 。4、保存html代碼 ， 使用瀏覽器打開，這個時候會發現瀏覽器上的背景圖片顯示在左上角 。5、回到html代碼頁面，在bg-img類里添加background-position: center的屬性 。6、保存html代碼后重新刷新瀏覽器，這個時候會發現瀏覽器上的背景圖片已經自動居中了 。