當前位置:首頁 » 背景圖片 » html背景圖片居中
擴展閱讀
湖南常德女人圖片 2024-04-27 06:27:29
ps如何把圖片修改3mb以下 2024-04-27 06:27:26

html背景圖片居中

發布時間: 2022-01-25 02:38:41

⑴ CSS 如何 讓背景圖片居中

background-position:center;

<!doctypehtml>
<html>
<head>
<metacharset="utf-8">
<title>無標題文檔</title>
<styletype="text/css">
#t{
margin:50pxauto;
border:1pxsolidred;
width:700px;
height:200px;
background-image:url(1.png);
background-repeat:no-repeat;
background-position:center;
}
</style>
</head>

<body>
<divid="t">
</div>
</body>
</html>

⑵ 在html代碼中怎麼讓背景圖片居中

在背景所在的表格或者DIV中,設置樣式:style="background-image:圖片地址; background-position:center; background-repeat:no-repeat;"

搞定!
祝你成功,望採納!

⑶ Html如何讓設置的背景圖片居中顯示

首先你把背景圖片放在一個總層裡面,然後設置這個層的margin:auto就好了!望採納!!

⑷ CSS中背景圖怎麼居中顯示啊

css中有一個background-position 屬性設置背景圖像的起始位置。

他有以下可能的值:

1,top left 左上角

2,top center 正上方

3,top right 右上方

4,center left 正左方

5,center center 正中

6,center right 正右方

7,bottom left 左下方

8,bottom center 正下方

9,bottom right 右下方


所以要是背景圖居中顯示,css里邊加上下邊這條屬性:

background-position:centercenter;

⑸ css,如何使整個頁面背景圖片居中

css使整個頁面背景圖片居中,你是可以給一個總的div設置好一定的width和height,然後給它來設置背景圖片,在通過margin讓他們居中,同時,background的repeat來平鋪實現,具體代碼:

<html>
<head>
<style>
#div1{
width:960px;
height:1200px;
border:1pxsoild#f00;
background:url('圖片地址')repeat0px0px;
margin:0auto;
}

</style>
</head>

<body>
<divid='div1'>

</div>
</body>
</html>

⑹ 怎麼用HTML把圖片設置在背景圖片居中。求代碼。

由於我沒看到你的doc是什麼樣子的.
所以不好回答.
我暫且認為你已經編輯好了文檔,但是就但是發現這個居中問題不好解決了吧.我是2007不知道你用的是什麼,就給你講大概意思了吧.
先調圖片的層,設置為頂層模式
ⅰ.然後選擇居中...就是簡單那個文字居中符號--快捷鍵ctrl+e,然後,是不是居中了?如果這樣可以了的話,再調圖片到背景...在文字下面.
ⅱ.這個就是笨辦法了,在頂層模式里可以選擇手動呵呵,自己拿滑鼠慢慢調吧,也可以拿方向鍵微調呵呵..
如果還是不行的話,可以把xx.doc發到[email protected],說明意圖,我改好再發給你.

⑺ html中怎樣把背景圖片居中,不要css的

無語,背景圖片居然不許用css,那你可以寫更復雜的javascript也是可以的,如果你會的話。

⑻ HTML5背景圖片怎麼居中

首先 設置背景圖片的大小
然後通過設置居中 margin:10% 10% 10% 10%;
margin:上右下左;即為到上右下左的距離。
無明確數值 可使用auto代替

⑼ html 中 背景的圖片居中顯示

那 你得用 作圖軟體 把圖片 在中間的部分 截下來

⑽ 在網頁設計中怎麼讓背景圖片水平居中

background:url(bg.jpg)
no-repeat
center
center;
:no-repeat為背景圖不重復,最好是滿足1280寬度的解析度下位滿屏,圖片可以寬度為1280像素,第一個center為水平居中,第二個center為垂直居中,第二個center換成top也就是頂部顯示背景圖。