我们在用DW制作网页时，新建一个div标签后，想设置div的外边距和内边距从而改变位置，那我们该怎么做呢？以下经验为您解答！工具/原料more电脑Adobe Dreamweaver CS6方法/步骤1/6分步阅读

我们先新建一个div标签，设置宽高均为400px，并设置左、上边距均为0。

2/6

为明显显示，将div背景颜色设置为蓝色，在将div标签内添加文字。

3/6

修改外边距和内边距则需要用到CSS样式，那么我们就要打开该div标签的CSS规则定义，如下图所示。

在CSS规则定义分类选项中选择【方框】，茄欧然后找到Padding和Margin，分别设置方框的内边距和外边距伐佛。

4/6

我们先设置Margin的top和left分别为20px，即设置外上边距和外左边距均为20px。

效果如下图所示，方框与页面顶部和左部隔开了距离。

5/6

若外上边距和外左边距均为50px，效果如下图所示。

对比上一步可以看出，边距宽了一点。

6/6

同样，再设置Padding的top和left分别为50px，即设置内上边距和内左边距均为50px。

效果如下图所示捕畜压，文字与顶部和左部隔开了距离。

注意事项

该经验使用Adobe Dreamweaver CS6版本。

如果该经验帮到你的话，请点赞或投票哦！

DW网页电脑