网页制作怎么居中和去头部空隙

详细操作

问这个问题的基本的应该都会的，怎么建立index文件和css样式表我就不多说了。要使图片居中，我们先要建一个div不然什么都没有怎么居中和去头部空隙啊，为了演示效果，我给加了颜色和宽高

#top{background:#6633CC; height:800px; width:600px}

下面我们就要把紫色的那块让他居中。我们只要给他打上属性就好了#top{background:#6633CC; height:800px; width:600px; margin-left:auto; margin-right:auto}

让它左边和右边自动对齐，我们看看效果。你看，它现在在中间了吧

下面，我们要把头部的空隙去掉。我们只要在定义它的样式

*{margin:0px}

#top{background:#6633CC; height:800px; width:600px; margin-left:auto; margin-right:auto}

我们在看看效果吧。头部已经没空隙了

大家只要会使用div布局和css样式，网页制作是很简单的，就是布局加属性

下面我来解释一下原理*{margin:0px}星号代表的是整个网页都受到它的控制，大括号里面的是属性；#top{background:#6633CC; height:800px; width:600px; margin-left:auto; margin-right:auto}这段代码里面的#号表示指定的id，这里我用top，大家注意语法规范。

用户类似问题：

问题1：网页设计 留有空隙

设置外边距的最简单的方法就是使用 margin 属性。 margin 属性接受任何长度单位，可以是像素、英寸、毫米或 em。 举例：css youdiv {margin-left: 20px;} 那么这个右边div 就会距坐标20px； >>详细

问题2：网页制作页面如何居中

还有一种是CSS+DIV的方法就是用百分比来控制，比如用三个div横向排列最左和最右是百分之10中间百分之80,可以针对你所选用的语言比如纯html或js来控制，不同的语言方法不一样。网上也有现成的JS控件 >>详细

问题3：关于网页设计在浏览器中居中的问题。希望帮忙一下。

也是可以让div居中的， #header,#main,#footer{widht:1003px;margin:0 auto;} 网页基本构成也就是头部 中部和尾部，这三个div设置居上下距离为0px； 居左右距离为自动，就会在网页中居中了，其他的元素正常写就行了 >>详细

问题4：网页制作中如何让字体和居中效果一齐显示

小涛个人展示 小涛个人展示 麻烦采纳，谢谢! >>详细

问题5：网页制作怎么把图片居中

把img的cssdisplay设置成block就可以啦。 img{ display:block; } 不用加br标签。 >>详细