Ⅰ 在html代码中怎么让背景图片居中
在背景所在的表格或者DIV中，设置样式：style="background-image:图片地址; background-position:center; background-repeat:no-repeat;"
搞定！
祝你成功，望采纳！
Ⅱ div+css中，怎样让一个div里面的背景图片垂直居中
给div加属性 div{background:url(图片) center center no-repeat;}
如果背景图在左面 div{background:url(图片) left center no-repeat;}
........
Ⅲ 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>
Ⅳ 怎么才可以使背景图片垂直居中呢
body的background-position:50% 50%,无论browser窗口如何变化背景图的中心与窗口中心重合，但是在FF和opera中，只能实现在水平方向上居中，垂直方向背景图的中心与窗口的上边缘重合。如果把backgrond-position:50% 0%,那水平居中，垂直方向上背景图的上边缘和窗口的上边缘重合，不知道什么理由。另外background-position:center center效果跟年50% 50% 相同
Ⅳ 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)修改一下,数值越大距离越远
Ⅵ 在body里设置背景图片怎么保证垂直居中
加一行html { height:100%; }
Ⅶ 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
Ⅷ 在网页设计中怎么让背景图片水平居中
background:url(bg.jpg)
no-repeat
center
center;
:no-repeat为背景图不重复，最好是满足1280宽度的分辨率下位满屏，图片可以宽度为1280像素，第一个center为水平居中，第二个center为垂直居中，第二个center换成top也就是顶部显示背景图。
Ⅸ 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>
Ⅹ 背景图片水平和垂直的都居中，有办法实现么
background(图片路径名称) center top;