div+css 背景图垂直居中
发布网友
发布时间：2022-04-24 18:42
共2个回答
热心网友
时间：2022-04-06 13:17
div+css实现背景图片居中；
首先设置一个div区域，定义一个最外围的区域块，然后再次设置一个小的div区域在其css样式里设置一个背景图片，让小的div区域居中即可：属性：margi:0 auto;
<!DOCTYPE html><html>
<head>
<meta charset="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:0 auto; }
</style>
<div class="main">
<div class="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)修改一下,数值越大距离越远
热心网友
时间：2022-04-06 14:35
background:url(images/xx.gif) no-repeat 50% 50%;
background:url(images/xx.gif) no-repeat center center;
