电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

DIV常用样式

DIV常用样式_第1页
1/15
DIV常用样式_第2页
2/15
DIV常用样式_第3页
3/15
一、常用属性: 1、Height:设置 DIV 的高度。 2、Width:设置 DIV 的宽度。 例:
3、margin:用于设置 DIV 的外延边距,也就是到父容器的距离。 例: 1
2 3
4 5
6 7
说明:margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;可以看例子中的白色DIV 到黑色DIV 的边距离效果。还可以分别设置这四个边的距离,用到的属性如下: 4、margin-left:到父容器左边框的距离。 5、margin-right:到父容器右边框的距离。 6、margin-top: 到父容器上边框的距离。 7、margin-bottom:到父容器下边框的距离。 例: 代码 8、padding:用于设置DIV 的内边距。 例: 1
2 3
4 5
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
2 3
4 5
6 7
8 13、position:设置 DIV 的定位方式。 例: 代码 说明:position 的属性中有 static、fixed、relative、absolute 四个属性。常用 relative和 absolute。若指定为 static 时,DIV 遵循 HTML 规则;若指定为 relative 时,可以用 top、left、right、bottom来设置 DIV 在页面中的偏移,但是此时不可使用层;若指定为 absolute时,可...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部