一、常用属性: 1、Height:设置 DIV 的高度。 2、Width:设置 DIV 的宽度。 例:
3、margin:用于设置 DIV 的外延边距,也就是到父容器的距离。 例: 1
说明:margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;可以看例子中的白色DIV 到黑色DIV 的边距离效果。还可以分别设置这四个边的距离,用到的属性如下: 4、margin-left:到父容器左边框的距离。 5、margin-right:到父容器右边框的距离。 6、margin-top: 到父容器上边框的距离。 7、margin-bottom:到父容器下边框的距离。 例: 代码 8、padding:用于设置DIV 的内边距。 例: 1
6 说明:padding 的格式和margin 的格式一样,可以对照学习。可以看黑色DIV 与白色DIV 的边距来体会此属性的效果。这是还需要注意的是padding 设置的距离不包括在本身的width 和height 内(在IE7 和FF 中),比如一个DIV 的width 设置了100px,而padding-left设置了50px,那么这个DIV 在页面上显示的将是150px宽。也可以用以下四个属性来分别设置DIV 的内边距: 9、padding-left:左内边距。 10、padding-right: 右内边距。 11、padding-top; 上内边距。 12、padding-bottom: 下内边距。 例: 1
8 13、position:设置 DIV 的定位方式。 例: 代码 说明:position 的属性中有 static、fixed、relative、absolute 四个属性。常用 relative和 absolute。若指定为 static 时,DIV 遵循 HTML 规则;若指定为 relative 时,可以用 top、left、right、bottom来设置 DIV 在页面中的偏移,但是此时不可使用层;若指定为 absolute时,可...