① 在網頁設計中怎麼讓背景圖片水平居中
CSS使網頁背景圖片居中的三種方法。
1、第一種：用像素設定，很多都用這種，但是也是最麻煩的：
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
250px
270px;border:1px
solid
#cccccc;"></div>
2、第二種：用50%設定，很方便。
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
50%
50%;border:1px
solid
#cccccc;"></div>
3、第三種：用center設定（註：第2個center可以省略，因為默認就是center）。
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
center
center;border:1px
solid
#cccccc;"></div>
② 怎麼修改背景圖片居中並自適應寬度的css
在CSS中加入
margin-right:
auto;
margin-left:
auto;
意思是header這個框架左右自動對齊，這樣header這個框架中的背景圖片也就跟著居中了
③ 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;
④ 在網頁設計中怎麼讓背景圖片水平居中
background:url(bg.jpg)
no-repeat
center
center;
:no-repeat為背景圖不重復，最好是滿足1280寬度的解析度下位滿屏，圖片可以寬度為1280像素，第一個center為水平居中，第二個center為垂直居中，第二個center換成top也就是頂部顯示背景圖。
⑤ div背景圖片無法居中
<body style="background:url(1.jpg); padding:0; margin:0;">
<div style="background:url(body-1.jpg) center center no-repeat; margin:0 auto; width:900px; height:538px;"></div>
</body>
這里已經是沒問題了，如果還有問題的話，那就應該是其他地方的樣式定義了左浮動了，仔細找找，或者把頁面發出來看看
⑥ div+css 背景圖垂直居中
div+css實現背景圖片居中；
首先設置一個div區域，定義一個最外圍的區域塊，然後再次設置一個小的div區域在其css樣式里設置一個背景圖片，讓小的div區域居中即可：屬性：margi:0 auto;
<!DOCTYPEhtml>
<html>
<head>
<metacharset="gb2312"/>
<title>效果區</title>
</head>
<body>
<style>
.main{width:100%;height:500px;background-color:#06F;}
.bjimg{background:url(111111.png)no-repeat;width:525px;height:300px;margin:0auto;}
</style>
<divclass="main">
<divclass="bjimg">
</div>
</div>
</body>
</html>
實現效果網頁區域：
標簽以及屬性詳解：
外圍div樣式取名main：設置一個寬度為100%，高度height:500px的區域讓其背景顏色background-color:#06F;藍色，這樣可以更好的瀏覽效果；
內部的一個小的區域div取名：bjimg，區域大小就是圖片的大小；設置一張背景圖片，background:url(111111.png) no-repeat;，
margin:0 auto; 讓其在大區域塊中左右居中，上下設置為0，當然如果感覺太靠上了可以將其值(0)修改一下,數值越大距離越遠
⑦ 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代碼中怎麼讓背景圖片居中
用background-position屬性來實現。
參考代碼：
<html>
<head>
<styletype="text/css">
body
{
background-image:url(/i/eg_bg_desert.jpg);'背景圖
background-position:centercenter;'居中
background-repeat:no-repeat;'圖片不重復
}
</style>
</head>
<body>
</body>
</html>
⑨ 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>
⑩ css背景圖片放到最頂端居中 不重復
簡寫代碼如下：
background:url(../images/abc.png)no-repeatcentertop;
說明：
../images/abc.png代表圖片路徑；
no-repeat是不循環；
center是水平方向居中；
top是垂直方向居頂。