CSS设置元素内边距(padding)、外边距(margin) |
您所在的位置:网站首页 › css怎么设置边距大小不一样 › CSS设置元素内边距(padding)、外边距(margin) |
设置元素内边距padding
所有的 HTML 元素基本都是以矩形为基础。 每个 HTML 元素周围的矩形空间由三个重要的属性来控制: padding(内边距):它围绕着内容的空间。 margin(外边距):它围绕元素外部的空间。 border(边框):它紧接着内边距的线。 padding控制着元素内容与border之间的空隙大小。 margin(外边距)属性控制元素的边框与其他元素之间的距离。 注意: ①红色盒子的margin值要比蓝色盒子的大,让它看起来比蓝色盒子要小。 ②当你增加蓝色的margin值,它会增加元素边框到其他周围元素的距离。 margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 margin 可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。 注意:如果你设置元素margin为负值,元素会变得更大。 CSS 允许你使用padding-top,padding-right, padding-bottom和padding-left属性来设置四个不同方向的padding值 不需要每次都要分别声明 padding-top,padding-right,padding-bottom和padding-left属性,也可以把它们汇总在padding属性里面声明,如下: 注意:四值按顺时针排序:上,右,下,左,并且设置的效果等同于特定声明每一个方向的padding。 CSS 允许你使用margin-top,margin-right,margin-bottom和margin-left属性来设置四个不同方向的margin值。 同样,每个方向的外边距值可以在margin属性里面汇总声明, 来代替分别声明margin-top,margin-right,margin-bottom和margin-left属性的方式: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |