最内层的蓝色区域是content,绿色部分是padding,黄色区域是border,最外面橙色区域是margin。 把鼠标放在右上侧元素下面的body部分,可以看到左侧页面body部分的轮廓显示了出来,这样方便观察,后面我们会采用这种方式,实际用户看到的页面肯定是不会显示这个轮廓和阴影的: 2.png 可以看到,内容部分的宽x高是540x240(小数部分就...
你可以先写个*{margin: 0; padding: 0;}把所有元素的边距都清除掉， 因为除了body，像p、ul、ol...
在IE4+，margin属性不可用于td和tr对象。用法:body { margin: 36pt 24pt 36pt; } 2.Padding 用来设置元素内容到元素边界的距离。如果提供全部四个参数值，将按上－右－下－左的顺序作用于四边。 如果只提供一个，将用于全部的四条边。 如果提供两个，第一个用于上－下，第二个用于左－...
margin的取值有:margin-top, margin-right, margin-bottom, margin-left padding的取值有:padding-top, padding-right, padding-bottom, padding-left 简写法(举例): 四个边距均为10px: body {margin: 10px} 顶边距和底边距为10px,左边距和右边距是父元素宽度的2%: body {margin: 10px 2%} 顶边距为10px,...
当上下、左右margin值分别一致, 可简写为: margin: 40px 40px; 前一个40px代表上下margin值,后一个40px代表左右margin值。 当上下左右margin值均一致,可简写为: margin: 40px; 2、Padding: 包括padding-top、padding-right、padding-bottom、padding-left,控制块级元素内部,content与border之间的距离,其代码,简写...
margin: 40px 40px; 前一个40px代表上下margin值,后一个40px代表左右margin值。 当上下左右margin值均一致,可简写为: margin: 40px; 2、Padding: 包括padding-top、padding-right、padding-bottom、padding-left,控制块级元素内部,content与border之间的距离,其代码,简写请参考margin属性的写法。
1 首先我们在HTML中创建一个长300px和宽200px的一个div块，设置背景颜色为红色，在这个块里插入一段文字，具体代码如下：<html><head><title>CSS边界设置</title><style type="text/css">.divcss{height:200px;width:300px;background-color:red;}</style></head><body><div...
margin: 40px 40px; 1. 前一个40px代表上下margin值,后一个40px代表左右margin值。 当上下左右margin值均一致,可简写为: margin: 40px; 1. 2、Padding: 包括padding-top、padding-right、padding-bottom、padding-left,控制块级元素内部,content与border之间的距离,其代码,简写请参考margin属性的写法。
padding的使用 1 margin样式被用来设置元素的内边距，margin只给一个值，那么就是对四个边设置同样的内边距，margin给两个值，第一个值表示上下内边距，第二个值表示左右内边距margin给四个值，第一个值表示上内边距，第二个表示右内边距，第三个表示下内边距，第四个表示左内边距以以下div为例，对不同情况下...
这是因为body的padding属性的默认值就是0，所以你把它删掉会觉得没啥变化。但是没有变化就不等于说它是多余的，如果前面的css设置（包括内联的或外联的）中把body的padding设为其他大于0的值，那么这里就可以把它重新设为0。补充说一下：body的margin属性的默认值则是8px（即8个像素），但不同的浏览...