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

 时间:2026-02-14 03:10:02

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

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

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

2、下面我们就要把紫色的那块让他居中。我们只要给他打上属性就好了#top{background:#6633CC; height:800px; width:600px; margin-left: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{background:#6633CC; height:800px; width:600px; margin-left:auto; margin-right:auto}这段代码里面的#号表示指定的id,这里我用top,大家注意语法规范。

  • PS多边套索工具如何选择照片不同的区域
  • Photoshop制作发散的放射光束
  • 怎样用Photoshop CS5创建渐变效果?
  • 位图和矢量图有什么区别?
  • PS:创建自定义笔尖预设
  • 热门搜索
    芈月怎么读 广西大学怎么样 百分之几怎么算 苹果官网怎么查序列号 血压高怎么调理 花怎么折 懵懂怎么读 偷偷做亲子鉴定怎么做 乘号在键盘上怎么打 冬虫夏草怎么食用