手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-28 01:40:21

1、问这个问题的基本的应该都会的,怎么建立index文件和css样式表我就不多说了。要使图片居中,我们先要建一个div不然什么都没有怎么居中和去头部空隙啊,为了演示效果,我给加了颜色和宽高#top{background:#6633CC; height:800px; width:600px}

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

2、下面我们就要把紫色的那块洫曛晗丕让他居中。我们只要给他打上属性就好了#top{background:#6633CC; height:800px; width:600px; margin-l髫潋啜缅eft:auto; margin-right:auto}让它左边和右边自动对齐,我们看看效果。你看,它现在在中间了吧

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

3、下面,我们要把头部的空隙去掉。我们只要在定义它的样式*{margin:0px}#top{background:#6633CC; height:800px; width:600px; margin-left:auto; margin-right:auto}我们在看看效果吧。头部已经没空隙了

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

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

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

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

© 手抄报圈