margin外边距设置

 时间:2026-02-14 21:51:16

1、新建文件,创建200*200距离左边100的盒子样式

margin外边距设置

2、在body中添加盒子

margin外边距设置

3、效果如图 

margin外边距设置

4、设置盒子距离左边100,距离上面100

margin外边距设置

5、效果如图 

margin外边距设置

6、创建第二个盒子,设置第一个盒子距离第二个盒子10;

margin外边距设置

7、效果如图

margin外边距设置

8、创建第三个盒子,设置第一个盒子距离第三个盒子的顶端10;

margin外边距设置

9、效果如图

margin外边距设置

10、设置第一个盒子距离上下左右10,写法可以是margin:10px;

margin外边距设置

11、效果如图

margin外边距设置

12、设置第一个盒子距离上下100,左右10,写法可以是margin:100px 10px;或者margin:100px 10px 100px;或者margin:100px 10px 100px 10px;

margin外边距设置

margin外边距设置

margin外边距设置

13、效果如图

margin外边距设置

  • 斗罗大陆2怎么觉醒蓝电霸王龙
  • 香梨备孕历程(五)——输卵管的检查和治疗方式:通液、造影及宫腔灌注的个人体会(上)
  • 冬虫夏草为什么这么贵
  • 纯利润率如何计算
  • O型血对怀孕有影响吗
  • 热门搜索
    lol怎么提高fps 17岁怎么长高 我的世界怎么改天气 羊肉火锅怎么做好吃 海信空调质量怎么样 安植化妆品怎么样 怎么制作幻灯片 告罄怎么读 脚扭伤肿了怎么办 怎么修改照片像素