2016 - 2024

感恩一路有你

Dreamweaver初级教程:居中去缝div样式调整细节

浏览量:1097 时间:2024-03-02 17:49:19 作者:采采

如今,网页制作和建站已经成为人人需要掌握的技能。小编获得了不少需求,之前分享了PS的入门教程,现在想分享一下Dreamweaver(DW)的入门教程。从今天开始,我会花一些时间为大家带来DW的基础教程。只要坚持学习,你也可以成为一名大神。

div样式设定及与网页链接的方法

在上一节课中,我们讨论了如何设置div的样式,以及与网站中各个网页链接的方法。然而,当我们建立了正式的div框架结构后,如何调整一些参数呢?让我们今天深入讨论这些细节。

代码实现示例

让我们看一个代码示例:contain{width:968px;height:800px;background-color:999;margin-left:auto;margin-right:auto}。这段代码的效果是什么?记住这些代码非常重要。

去除顶端和底端间隙

尽管我们已经将div居中了,你可能会发现顶部和底部仍然有一些间隙。那么,该如何去除这些间隙呢?

实现代码去除间隙

通过添加以下代码在CSS中:*{margin:auto},我们就可以去除这些间隙。接下来,让我们预览一下效果:间隙已经消失了。在日常的网页制作中,几乎每个小站都会采用这种建立方式。

接下来的学习内容

在下一节课中,我们将讨论如何定义头部、底部和主题。如果你对学习感兴趣,请继续关注哦。希望这些DW的基础教程能够帮助你更好地理解网页制作和设计。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。