-"> -" />
style属性的详细设置

style属性的详细设置

ID:15426574

大小:78.00 KB

页数:6页

时间:2018-08-03

style属性的详细设置_第1页
style属性的详细设置_第2页
style属性的详细设置_第3页
style属性的详细设置_第4页
style属性的详细设置_第5页
资源描述:

《style属性的详细设置》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、divstyle常用属性一、常用属性:1、Height:设置DIV的高度。2、Width:设置DIV的宽度。例:  -----------内容----------

3、margin:用于设置DIV的外延边距,也就是到父容器的距离。 例:

2、argin:5px10px20px30px;width:200px;height:200px;background-color:White;">-----------内容----------

 说明:margin:后面跟有四个距离分别为到父容器的上-右-下-左边的距离;可以看例子中的白色DIV到黑色DIV的边距离效果。还可以分别设置这四个边的距离,用到的属性如下:4、margin-left:到父容器左边框的距离。5、margin-right:到父容器右边框的距离。6、margin-top

3、: 到父容器上边框的距离。7、margin-bottom:到父容器下边框的距离。1236 7

89 10  8、padding:用于设置DIV的内边距。例:

4、”padding:5px10px20px30px;background-color:black;width:500px;height:500px;”>-----------内容---------------------内容---------------------内容----------说明:padding的格式和margin的格式一样,可以对照学习。可以看黑色DI

5、V与白色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: 下内边距。例: 

6、tyle="padding-left:50px;padding-top:50px;width:150px;height:150px;background-color:Black;">-----------内容---------------------内容---------------------内容----------13、position:设置DIV的定位方式。例

7、:

8、100px;">

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。