我们在用DW制作网页时,新建一个div标签后,想设置div的外边距和内边距从而改变位置,那我们该怎么做呢?以下经验为您解答!
方法/步骤
我们先新建一个div标签,设置宽高均为400px,并设置左、上边距均为0。
为明显显示,将div背景颜色设置为蓝色,在将div标签内添加文字。
- 相关内容未经授权抓取自百度经验
修改外边距和内边距则需要用到CSS样式,那么我们就要打开该div标签的CSS规则定义,如下图所示。
在CSS规则定义分类选项中选择【方框】,然后找到Padding和Margin,分别设置方框的内边距和外边距。
我们先设置Margin的top和left分别为20px,即设置外上边距和外左边距均为20px。
效果如下图所示,方框与页面顶部和左部隔开了距离。
若外上边距和外左边距均为50px,效果如下图所示。
对比上一步可以看出,边距宽了一点。
同样,再设置Padding的top和left分别为50px,即设置内上边距和内左边距均为50px。
效果如下图所示,文字与顶部和左部隔开了距离。
END
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部