css margin和border,Margin、Border、Padding属性的区别和联系

你对DIV+CSS中Margin属性、Border属性、Padding属性的区别和联系是否了解，这里和大家分享一下，希望本文介绍对你有所帮助。

Margin属性、Border属性、Padding属性三者的联系与区别

三个元素的含义：

Margin属性

检索或设置对象四边的外延边距。如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。如果只提供一个，将用于全部的四边。如果提供两个，***个用于上、下，第二个用于左、右。如果提供三个，***个用于上，第二个用于左、右，第三个用于下。内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

Border属性

内容的边框；border-color的默认值将采用文本颜色。要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。

Padding属性

检索或设置对象四边的补丁边距。如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。如果只提供一个，将用于全部的四条边。如果提供两个，***个用于上、下，第二个用于左、右。如果提供三个，***个用于上，第二个用于左、右，第三个用于下。内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。不允许负值。

记住这张图，这三者的关系相信你就不会忘了。

【编辑推荐】

【责任编辑：程华权 TEL：(010)68476606】

css margin和border,Margin、Border、Padding属性的区别和联系相关推荐

CSS中margin和padding属性的区别
在CSS中,margin和padding两个属性都可以调整位置,因此比较容易混淆.这篇文章详细分析两者的不同,希望对学习CSS的朋友有帮助. 1. padding padding的作用是调整当前元素内 ...
css样式向下补白,div+css[3]：css中边框border与补白padding属性设置
1.边框属性 border □ 边框样式 border-style:none|dotted|dashed|solid|...... none:没有边框. dotted点线 dashed虚线 solid ...
css盒子模型、边框border、外边距margin、填充padding、轮廓outline
盒子模型:盒子默认的宽度为容器的宽度,也可以自省设定宽度,高度根据内容适应,也可以自行设定高度.min-height设定最小高度一个盒子包括外边距.边框.内边距和实际内容 Margin(外边距):清 ...
【CSS】padding,border,margin与width宽度的关系
padding,border,margin这三样东西不算难,算是在CSS中老生常谈的东西,但是要注意其对width的影响, 直接上一段极其简单的代码: <!DOCTYPE html> &l ...
border边框、padding内边框、margin外边框
一.border 边框 1.语法: border:border-width border:border-style border:border-color 属性作用 border-width 定义边 ...
CSS设置元素内边距（padding）、外边距（margin）
设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础. 每个 HTML 元素周围的矩形空间由三个重要的属性来控制: padding(内边距):它围绕着内容的空间. margin(外 ...
margin和padding属性详解
margin 围绕在元素边框的空白区域是外边距.设置外边距会在元素外创建额外的"空白". margin样式属性用于在一个声明中设置所有外边距的宽度,或者设置各边上外边距的宽度.该属 ...
CSS中：margin和padding的区别 margin:auto与margin: 0 auto区别
css中padding和margin的区别 margin 外边距 border 边框 padding 内边距 padding-left:10px; 左内边距.padding-right:10px; 右 ...
html内边距居中,HTML中详述外边距样式属性（margin）与内边距样式属性（padding）...
外边距样式属性(margin) 外边距样式属性(margin):设置边框外的距离. 属性:margin-top样式属性,margin-bottom样式属性,margin-left样式属性和margin ...

css margin和border,Margin、Border、Padding属性的区别和联系

css margin和border,Margin、Border、Padding属性的区别和联系相关推荐

最新文章

热门文章