外边距与内边距的区别

外边距：外部向内挤压，原来的内容空间减少
内边距：内部向内扩张，原来的内容空间增加

<div style="background: aquamarine;width: 200px;height: 200px;margin: 50px">外边距50px</div><div style="background: aquamarine;width: 200px;height: 200px;">不变的</div><div style="background: aquamarine;width: 200px;height: 200px;padding: 50px">内边距50px</div>

外边距与内边距的区别相关推荐

盒子模型（插入图片，外边距，内边距）
盒子模型(Box Model) 所谓盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子,也就是一个盛装内容的容器盒子模型有元素的内容.边框(border).内边距(padding).和外边 ...
第10课外边距和内边距
上一课,你学习了盒状模型.在这一课,我们将了解如何通过设置margin(外边距)和padding(内边距)这两个CSS属性来改变元素的显示. 为元素设置外边距为元素设置内边距为元素设置外边距一个 ...
php内外边距,CSS 内边距
CSS 内边距元素的内边距在边框和内容区之间.控制该区域最简单的属性是 padding 属性. CSS padding 属性定义元素边框与元素内容之间的空白区域. CSS padding 属性 CS ...
CSS外边距与内边距
外边距,块元素在网页中的布局外边距是有负数的 margin:上右下左 margin: 10px 20px 30px 40px margin-top: margin-left: margin-r ...
【CSS】行高、边框、外边距、内边距
一.行高line-height 1.概念 2.作用 3. 影响行高因素 4. 单位二.边框border 1.属性 2.联写 3.扩展三.内边距/内填充(padding) 1.概念 2. 联写 3. ...
css盒子模型的外边距和内边距
一.内边距 1.定义:内边距:盒子中内容与边框之间的距离 2.用法: (1) 上内边距 padding-top: 20px; (2) 左内边距 padding-left: 15px; (3) 下内边 ...
css 外边距，内边距
外边距外边距属性可以定义元素周围的空间,没有颜色,是透明的. 属性说明 margin-bottom 设置元素的下边距 margin-top 设置元素的上边距 margin-left 设置元素的左边 ...
html怎么设置左侧内边距,CSS 内边距(Padding)
CSS 内边距(Padding) CSS 内边距(Padding)属性定义元素边框与元素内容之间的空间.有时候也称CSS 内边距(Padding)为填充(Padding). 内边距(Padding) ...
【CSS】盒子模型内边距 ① ( 内边距概念 | 内边距设置语法 | 内边距设置效果 | 代码示例 )
文章目录一.内边距 1.概念 2.内边距设置语法 3.内边距设置效果二.内边距代码示例 1.不设置边距的示例 2.设置边距的示例一.内边距 1.概念内边距是盒子的边框与内容之间的 ...

外边距与内边距的区别

外边距与内边距的区别相关推荐

最新文章

热门文章