⑴ css裡面，怎麼讓背景圖片在最右邊，且上下居中
background:url(images/demo.jpg) right 50% no-repeat;
50%是垂直居中right是右對齊
⑵ 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 如何 讓背景圖片居中
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>
⑷ 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
⑸ css樣式讓在圖片的右側並居中
由於img是行級元素，所以要變成塊元素之後再右浮動
⑹ css如何使背景圖片水平居中
方法和詳細的操作步驟如下：
1、第一步，打開前端開發工具，然後創建一個新的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;
⑻ div+css像這種圖片在背景上左右居中。但是上下我自己可以調整像素的代碼怎麼寫求代碼
<style>
div{width:600px;height:400px;background:#ccc;}
.img{margin:50px auto 70px;}
</style>
<div>
<div class=".img">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/110/r8s1g4.gif" />
</div>
</div>
img{margin:50px auto 70px;}這句就是控制圖片上邊距50px;下邊距70px;左右邊距自適應，也就是居中。
⑼ css背景圖片怎麼居中
background-position: xpx xpx
設置背景圖片移動
⑽ div+css中，怎樣讓一個div裡面的背景圖片垂直居中
給div加屬性 div{background:url(圖片) center center no-repeat;}
如果背景圖在左面 div{background:url(圖片) left center no-repeat;}
........