㈠ CSS怎麼樣讓背景圖片水平（垂直）居中
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title></title>
</head>
<bodyclass="bodybg">
<h2>針對當前div層背景居中</h2>
<h3>ps:背景圖片是需要高度和內容撐開的。沒有高度沒有內容，背景圖片是無法顯示的</h3>
<divclass="bgImg">
</div>
</body>
<styletype="text/css">
.bgImg{
background:url(images/2.png)centerno-repeat;/*這個是簡寫,可以分開寫*/
/*background-position:centercenter;*/
/*background-image:url(images/2.png);*/
/*background-repeat:no-repeat;*/
width:200px;
height:200px;
border:1pxsolid#000000;
}
.bodybg{
background:url(images/2-1.png)centerno-repeat;
height:100vh; /*一屏高度的表示*/
}
</style>
</html>
㈡ css的圖片居中
1、首先先在頁面里載入一張圖片，代碼和效果如下圖所示：
㈢ 怎麼修改背景圖片居中並自適應寬度的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;
㈤ css裡面如何把圖片居中
水平居中：
1、單獨文字垂直居中只需要設置CSS樣式line-height屬性即可。
2、文字與圖片同排，在設置div高度同時再對此css樣式的圖片「img」樣式設置vertical-align:middle垂直居中屬性，如.yangshiimg{vertical-align:middle;}。
3不確定寬度的塊級元素設置水平居中的方法：
（1）、是使用table作為容器的方法來實現。當然不大推薦使用這種方法，因為添加了無意義的標簽。介紹一下。Table標簽本身並不是塊級元素，當不設置table的寬度的話，裡面的寬度是由他內部元素的寬度撐起來的。但即使沒有設置table的寬度，直接設置table的外邊距margin：0auto;就可以實現水平居中了!這樣就可以通過設置table水平居中，間接使裡面的內容居中。
（2）、相對於用table的方法的好處是不用增加無語義標簽，簡化標簽嵌套深度。這個思路是這樣的，通過改變塊級元素的display屬性值為inline類型，然後設置text-align:center來實現居中。這種方法也有一定不妥之處就是把塊級元素改為行內元素後，行內元素比塊元素少了一些功能。比如說設定長寬值等，在項目運用中可能會有一些限制，可以自行選擇。
（3）、通過給父元素設置浮動float，再設置父元素的position屬性為relative和left：50%;子元素設置position：relative和left：-50%來實現水平居中。這個好處是可以保留塊級元素仍然是以display：block的形式顯示，不會添加無意義的標簽，不添加嵌套深度。確點是設置了position：relative;帶來了一些副作用。下面是第三種方法的實例代碼，放到body標簽裡面就可以了。
垂直居中：
1．對這個CSS居中問題，可以使用設置背景圖片的方法。舉例：
body{BACKGROUND:url(」圖片文件」)#FFFno-repeatcenter;}
關鍵就在於這個Center屬性，它表示讓該背景圖片在容器中居中。也可以把Cener換成TopLeft或者直接寫上數字來調整它的位置。
2．如何使文本在DIV中垂直居中
對於文字，便不能用背景方法，可以用增高行距的辦法變通實現垂直居中，示範代碼如下：
#center{MARGIN-RIGHT:auto;MARGIN-LEFT:auto;height:200px;vertical-align:middle;line-height:200px;}
<divid=」center」><p>testcontent</p></div>
說明：
vertical-align:middle;表示行內垂直居中，將行距增加到和整個DIV一樣高line-height:200px;然後插入文字，就垂直居中了。
圖片垂直居中的實例：
CSS代碼復制
.new_proimg{
display:table-cell;/*非IE的主流瀏覽器識別的垂直居中的方法*/
vertical-align:middle;/*非IE的主流瀏覽器識別的垂直居中的方法*/
text-align:center;/*設置水平居中*/
*display:block;/*針對IE的Hack*/
*font-size:104px;/*約為高度的0.873，120*0.873約為104*/
*font-family:Arial;/*防止非utf-8引起的hack失效問題，如gbk編碼*/
width:120px;
height:120px;
margin-bottom:5px;
border:1pxsolid#eee;
}圖片垂直居中建議：
1、單獨文字垂直居中只需要設置CSS樣式line-height屬性即可。
2、文字與圖片同排，在設置div高度同時再對此css樣式的圖片「img」樣式設置vertical-align:middle垂直居中屬性，
如.yangshiimg{vertical-align:middle;}。
㈥ 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中圖片居中的設置
background：.enter
bottom
no-repeat;前面是url路徑
全部的位置代碼如下：
background-position:
left;
代表背景圖橫向（x軸）靠左，縱向（y軸）居中。（9點鍾位置）
background-position:
right;
代表背景圖橫向（x軸）靠右，縱向（y軸）居中。（3點鍾位置）
background-position:
top;
代表背景圖橫向（x軸）居中，縱向（y軸）靠上。（12點鍾位置）
background-position:
bottom;
代表背景圖橫向（x軸）居中，縱向（y軸）靠下。（6點鍾位置）
background-position:
center;
代表背景圖橫向（x軸）居中，縱向（y軸）居中。（絕對居中）
background-position:
left
top;
代表背景圖橫向（x軸）靠左，縱向（y軸）靠上。（10點鍾位置）
background-position:
left
bottom;
代表背景圖橫向（x軸）靠左，縱向（y軸）靠下。（7點鍾位置）
background-position:
right
top;
代表背景圖橫向（x軸）靠右，縱向（y軸）靠上。（1點鍾位置）
background-position:
right
bottom;
代表背景圖橫向（x軸）靠右，縱向（y軸）靠下。（5點鍾位置）
㈧ css怎麼調整背景圖片的位置
1、首先打開前端開發工具，新建一個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使網頁背景圖片居中的三種方法。
1、第一種：用像素設定，很多都用這種，但是也是最麻煩的：
2、第二種：用50%設定，很方便。
3、第三種：用center設定（註：第2個center可以省略，因為默認就是center）。