【CSS】盒子模型外边距 ① ( 盒子模型外边距设置 | 外边距属性单独设置 | 外边距属性复合写法 )
创始人
2025-05-30 06:26:24
0次

文章目录

  • 一、盒子模型外边距设置
    • 1、外边距属性单独设置
    • 2、外边距属性复合写法





一、盒子模型外边距设置


盒子模型外边距 Margin 用于控制 盒子 与 盒子 之间的距离 ;


1、外边距属性单独设置


外边距设置语法 :

  • margin-left : 设置 左外边距 ;
  • margin-top : 设置 上外边距 ;
  • margin-right : 设置 右外边距 ;
  • margin-bottom : 设置 下外边距 ;

代码示例 :

 

     外边距


 外边距

展示效果 :

在这里插入图片描述


2、外边距属性复合写法


外边距复合写法 : 设置 1 ~ 4 个 值 , 单位 像素 px ;

  • 设置 1 个值 : 设置 上下左右 外边距 ;
  • 设置 2 个值 : 设置 上下、左右 外边距 ;
  • 设置 3 个值 : 设置 上、左右、下 外边距 ;
  • 设置 4 个值 : 设置 上、右、下、左 外边距 ;

代码示例 :

 

     外边距


 外边距

展示效果 :

在这里插入图片描述

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：改变Element-ui 主题颜色

下一篇：8大核心语句，带你深入python

相关内容

热门资讯

北交所首例！生物谷原实控人获刑... 本文来源：时代周报 作者：周松清北交所首例背信损害上市公司利益案二审落定。12月22日晚间，生物谷（...
电子产品涨价潮，才刚刚开始..... 订阅 快刀财经 ▲ 做您的私人商学院内存涨价的蝴蝶翅膀一扇，将压力传导给整个科技行业。作者 ：张哲来...
天味食品募资扩张迷局 中经记者 蒋政 北京报道一边积极布局登陆港股，筹划募资投建营销网络及数字化等项目；另一边则继续将5年...
A股回购规模超1400亿元，真... 2025年回购金额排名前十上市公司，数据截至12月23日本报（chinatimes.net.cn）记...
快手为何“失守”？ 快手的危机真的过去了吗？12月23日中午，快手发布公告称，快手的直播功能于2025年12月22日22...
中芯国际已经对部分产能实施了涨... 财联社12月23日电，记者从多个渠道求证获悉，中芯国际已经对部分产能实施了涨价，涨幅约为10%。有公...
耐心之城：南京的芯片投资哲学 文 | 陶魏斌有一种投资，叫等得起。2025年12月17日，沐曦股份(688802.SH)登陆科创板...
忙着免责的基层干部 文/子安（识局微信公共账号zhijuzk）一当主任让小刘留几张工作照片的时候，他有些意外。一来，本市...
原董事长李民吉被查，华夏银行高... 作者 | 刘银平编辑 | 付影来源 | 独角金融11个月之前因“个人原因”突然辞任，引发市场各种猜想...
佰维存储：已完成1.4亿元股份... 新京报贝壳财经讯 12月23日，佰维存储公告，公司已通过集中竞价交易方式累计回购139.91万股，占...