CSS的margin-bottom属性如何使用

2023-05-25,

本篇内容主要讲解“CSS的margin-bottom属性如何使用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“CSS的margin-bottom属性如何使用”吧!

什么是css

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

CSS margin-bottom属性

定义

margin-bottom属性设置元素的下外边距。

注释:允许使用负值。

继承性:NO

JavaScript语法

CSS属性也可通过一段JavaScript被动态地改变。

脚本语法:

object.style.marginBottom="32px"例子四个边距均为10px:

h2{   margin-bottom:10px;  }   h2{   margin-bottom:-20px;  }

顶边距和底边距为10px,左边距和右边距是父元素宽度的2%:

h2{margin:10px2%;}顶边距为10px,左边距和右边距是父元素宽度的2%,底边距是-10px:

h2{margin:10px2%-10px;}顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置:

h2{margin:10px2%-10pxauto;}

可能的值

到此,相信大家对“CSS的margin-bottom属性如何使用”有了更深的了解,不妨来实际操作一番吧!这里是本站网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!

《CSS的margin-bottom属性如何使用.doc》

下载本文的Word格式文档,以方便收藏与打印。