㈠ background-image寫法，如何讓背景圖片可以在div右邊居中
背景圖片縮寫方式：
background:url(images/border.png) no-repeat right center;
背景縮放：
background-size:100%;
㈡ div+css中，怎樣讓一個div裡面的背景圖片垂直居中
給div加屬性 div{background:url(圖片) center center no-repeat;}
如果背景圖在左面 div{background:url(圖片) left center no-repeat;}
........
㈢ 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>
㈣ 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;
㈤ 在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>
㈦ Html如何讓設置的背景圖片居中顯示
首先你把背景圖片放在一個總層裡面，然後設置這個層的margin:auto就好了！望採納！！
㈧ 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如何使背景圖片水平居中
方法和詳細的操作步驟如下：
1、第一步，打開前端開發工具，然後創建一個新的html代碼頁，見下圖，轉到下面的步驟。
㈩ div+css中一個背景圖片，如何讓圖片在背景圖片上垂直居中
<style type="text/css">
.box {
/*非IE的主流瀏覽器識別的垂直居中的方法*/
display: table-cell;
vertical-align:middle;
/*設置水平居中*/
text-align:center;
/* 針對IE的Hack */
*display: block;
*font-size: 175px;/*約為高度的0.873，200*0.873 約為175*/
*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
width:200px;
height:200px;
border: 1px solid #eee;
width:100px;
height:100px;
}
.box img {
/*設置圖片垂直居中*/
vertical-align:middle;
cursor:pointer;
}
</style>
本文來自: PQ秀秀網(http://www.pqshow.com) 詳細出處參考：http://www.pqshow.com/design/htmlcss/200912/12739.html