㈠ 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）。