网页制作问题请问网页制作中,HTML的页面如何用CSS文件来做出DIV的背景居中且不重复的效果?

网页制作问题请问网页制作中,HTML的页面如何用CSS文件来做出DIV的背景居中且不重复的效果?
请问为什么

.bgmain{
background-image:url('/background.jpg') top center no-repeat;width:2000px;height:2000px;}
使用了这个之后,连图片都不显示

给div加上属性 margin:0px auto;
比如
<div id="a"></div>
然后在CSS里加
#a{margin:0px auto;}

图片大小可以这么定义<img src="img.jpg" width="200" height="200" />;
在CSS中可以这么定义
<div id="a"></div>
然后在CSS中加
#a{
border:1px solid #000fff;
height:500px;
width:500px;
background-image:url(/img.jpg);
}
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-03-21
background:url( ) center center no-repeat;
第一个center控制的是水平的对齐方式,即左中右,第二个控制的垂直对齐方式
第2个回答  2012-03-22
background:图片路径 no-repeat center; 注意下路径别错,就没什么问题本回答被提问者采纳
第3个回答  2012-03-21
不知道你指的不重复是什么意思!是不重叠在一起吗?还是?

网页制作问题请问网页制作中,HTML的页面如何用CSS文件来做出DIV的背 ...
给div加上属性 margin:0px auto;比如 <div id="a"><\/div> 然后在CSS里加 a{margin:0px auto;} 图片大小可以这么定义<img src="img.jpg" width="200" height="200" \/>;在CSS中可以这么定义 <div id="a"><\/div> 然后在CSS中加 a{ border:1px solid #000fff;height:500px;width:50...

css如何让div页面居中css怎样让div居中
1、新建html文档,在body标签中添加p标签,标签的id为“header”,这时因为p标签中没有内容且没有设置样式,所以网页中显示空白:2、这时为p标签设置原题中的css样式,此时虽然p盒子显示了,但是没有居中:3、此时为p添加一个“margin:0auto”属性就会居中显示,“margin”指的是p标签的外边距,“0”...

怎样使div居中到网页的中间?
如何让DIV层在网页中居中显示1、在DIV标签对中写入的正文标签的HTML中div\/div。然后我们将div设置为宽高度,我们需要注意的是,如果您不设置默认值的宽度为100%哦,所以它将填充整个页面。2、首先我们对body设置text-align:center,再对需要居中的div盒子设置css样式margin:0auto,这样即可让对应div水平...

html+css做网页时,如何让整张网页居中显示
使用CSS 语法要设定一个div 水平置中,是很常见到的需求,最多人使用margin: 0 auto; 这个方法就可以达成。但是,如果要让一个div 同时间做到在网页上水平置中还要垂直置中,也就是CSS 上下左右置中这就有点麻烦了,不太容易喔!利用table中内容在单元格中默认垂直居中的特性。2.利用css3中的trans...

css 怎么实现 div水平居中 呢?
因为“text-align:center”控制的是文本居中,div居中可以用外边距margin来实现。1、新建html文件,在body标签中添加div标签,div标签中的内容为“演示文本”,添加题目中的css样式,为了方便演示,给div标签添加灰色背景,这时可以发现div靠近浏览器的左侧,文字在div中居中:2、为div标签添加新的外边距“...

在网页制作中如何控制DIV居中显示,用CSS怎么控制背景图片大小?
div的显示是一层一层往下显示,如果你要将div中的内容居中显示,没记错的话,可以用div{text-align:center;},如果你要将div居中,可以通过设置相对或者是绝对位置,这是设置绝对位置:div{left:100px;top:0px;position:absolute;},可以控制div显示的位置。你还可以设置浮动div{float:left...

css如何设置背景图片水平居中
1、首先新建一个html文件,命名为test.html,在test.html文件中,使用div标签创建一个模块,用于测试。2、在test.html文件中,给div标签添加一个class属性,用于下面样式设置。3、在css标签内,通过class设置div的样式 ,定义它的宽度为300px,高度为300px,并设置它的背景图片为1.png。4、在css标签内...

如何让一个div居中
1、新建一个html文件,命名为test.html,用于讲解CSS怎样让一个div居中。2、在test.html文件中,使用div标签创建一个模块,用于测试居中效果。3、在test.html文件中,设置div的class属性为test,下面将通过该class属性设置其css样式。4、在test.html文件内,编写styletype=text\/css\/style>标签,页面的css...

CSS如何让div相对body居中 而其中的控件不受影响。
1、首先,打开html编辑器,新建html文件,例如:index.html。2、将index.html中的<body>替换为:<body style="text-align: center;"> <div style="margin:auto;width: 200px;height: 70px;border: 1px solid blue;text-align: left;"> <span>123<\/span> <\/div> <\/body> 3、浏览器运行...

html网页怎么居中html网页居中代码
1.为了更好的示范,现打开一个html页面,从下图中可以看到,该网页是靠左显示的,在浏览器中没有居中显示,现将通过以下步骤,使该网页居中显示。2.先打开该页面所在的目录,找到该html文件,然后选中它,右击鼠标,在弹出的选项里,点击打开方式,再点击Dreamweaver。3.在Dreamweaver中打开该html页面文件...

相似回答