网页设计中margin怎么用

 时间:2024-10-16 18:22:56

1、首先,我们先设计一个div,并且给这个div添加一个id,id名随意取

网页设计中margin怎么用

2、然后设置一下宽高,并且添加一个红色的背景属性值。

网页设计中margin怎么用

3、默认情况下,这个div是靠近浏览器的顶部和左边的

网页设计中margin怎么用

4、接着我们给这个div设置一下margin值,从左到右表示的是上边,右边,下边,左边的margin值

网页设计中margin怎么用

5、设置好之后,可以看到左边和上边都隔开了一定的距离,这就是margin值的用处,而下边和右边因为没有其他div或者其他颜色,所以效果被忽略了

网页设计中margin怎么用

6、当然,margin值也可以分开写,比如我只设置div的上边的margin值,就可以使用margin-top,而右边则可以使用margin-right,左边则是margin-left,下边则是margin-bottom。

网页设计中margin怎么用

7、如图,设置margin-top之后,只有上边拉开了距离,而左边并没有拉开距离。

网页设计中margin怎么用
  • 如何在HTML中插入图片
  • html设置网页背景图片全屏
  • HTML中浮动效果是怎么做的
  • html如何文字居中与背景
  • 去掉小圆点;li标签去掉圆点
  • 热门搜索
    上海旅游公司 兵马俑旅游攻略 途途旅游网 文明旅游活动方案 宁波象山旅游攻略 北欧旅游局 旅游网站制作 福建旅游网 三三旅游网 美国旅游签证办理流程