網(wǎng)頁設(shè)計垂直居中代碼 怎么讓一張圖片在網(wǎng)頁中居中顯示?
怎么讓一張圖片在網(wǎng)頁中居中顯示?您可以使用“margin:0 Auto”和“text-align:Center”在網(wǎng)頁中居中顯示圖像。1. 創(chuàng)建新的HTML文檔,將div標(biāo)記添加到body標(biāo)記,然后將
怎么讓一張圖片在網(wǎng)頁中居中顯示?
您可以使用“margin:0 Auto”和“text-align:Center”在網(wǎng)頁中居中顯示圖像。
1. 創(chuàng)建新的HTML文檔,將div標(biāo)記添加到body標(biāo)記,然后將img標(biāo)記添加到div標(biāo)記:
2。向div標(biāo)簽添加一個“margin”屬性,屬性值為“0”。在這種情況下,div標(biāo)簽將顯示在網(wǎng)頁中間:
3。在div標(biāo)簽中添加“text align”屬性,屬性值為“center”。然后,div標(biāo)簽中的IMG標(biāo)簽將顯示在div標(biāo)簽的中間,這樣圖片將顯示在網(wǎng)頁的中間:
網(wǎng)頁設(shè)計-圖片居中寫法之CSS篇?
1。首先,打開HTML編輯器并創(chuàng)建一個新的HTML文件,例如:索引.html.
2. 在索引.html在<style>標(biāo)記中,輸入CSS代碼:
body{text align:centerbackground:URL(small2)。背景大?。?0%}。
3. 瀏覽器正在運行索引.html此時,圖像通過CSS成功地顯示在中心。