在網(wǎng)頁設(shè)計(jì)中怎么讓背景圖片水平居中？有三種方法可以使用CSS將網(wǎng)頁的背景圖像居中。1第一種是像素設(shè)置。他們中的許多人使用這個(gè)，但它也是最麻煩的一個(gè)：<div style=“寬：800px高：600

在網(wǎng)頁設(shè)計(jì)中怎么讓背景圖片水平居中？

有三種方法可以使用CSS將網(wǎng)頁的背景圖像居中。1第一種是像素設(shè)置。他們中的許多人使用這個(gè)，但它也是最麻煩的一個(gè)：<div style=“寬：800px高：600像素背景：url（圖片地址）不重復(fù)250px 270像素邊框：1px實(shí)心#中國交建“></div> 2。第二種：50%設(shè)置，非常方便。<div樣式=“寬：800px高：600像素背景：url（圖片地址）不重復(fù)50%50%邊框：1px實(shí)心#中國交建“></div> 3。類型3：設(shè)置為中心（注：第二個(gè)中心可以省略，因?yàn)槟J(rèn)為中心）。<div樣式=“寬：800px高：600像素背景：url（圖片地址）無重復(fù)中心Centerborder:1px實(shí)心#CCCCCC“></div>

普通瀏覽器都可以。通常，您可以在瀏覽器中看到所有這些圖片。你沒有理由不救他們。但僅限于您看到的圖片，步驟如下：

1。打開瀏覽器，打開元素回顧功能，不同的瀏覽器是不同的，谷歌是按F12，然后選擇圖片，或Ctrl-Shift C]]2。選擇圖片后，在代碼界面中找到SRC或img或類似的鏈接

3。刪除不必要的零件并將其粘貼到瀏覽器中。輸入

4。右擊保存圖片為

邊距：自動(dòng)通常是更好的水平中心，但寬度必須有一個(gè)固定的值。使用Dreamweaver工具實(shí)現(xiàn)頁面的中心顯示：為了對比一下，我們來看看頁面的初始顯示效果。

2. 使用Dreamweaver打開要處理的網(wǎng)頁，切換到“代碼”視圖模式，選擇“]”選項(xiàng)卡，然后單擊“屬性”工具欄中的“CSS”按鈕。

3. 然后點(diǎn)擊“中心”按鈕，你會(huì)發(fā)現(xiàn)頁面被設(shè)置為中心。

4. 我們還可以插入CSS代碼來實(shí)現(xiàn)頁面的中心顯示。在標(biāo)記中放置以下代碼：也可以將頁面居中。

5. 我們可以在“”之外添加一個(gè)標(biāo)簽，以實(shí)現(xiàn)相同的頁面中心顯示效果。