css margin-top
CSS margin-top 是一个用于设置元素上边距的属性,它可以控制元素与其他元素之间的距离。margin-top 属性可以用来改变元素的位置,使它们更加合理,也可以用来创建复杂的布局。
margin-top 属性是一个非常有用的 CSS 属性,它可以用来改变元素之间的上边距。它可以使用数字、单位或者是一些特殊值(如 auto、inherit 等)来表示。
.example {
margin-top: 10px;
}
在上面的例子中,我们将 margin-top 设置为 10px。这意味着该元素上方将有 10px 的上边距。这样就能够使得该元素与它上方的其他元素保持一定的间隔了。
此外,margin-top 还可以用来创建复杂的布局。例如,我们可以使用 margin-top 来将一个 div 元素向上浮动,而不影响 div 中包含的内容。这样就能够在 div 中创建出不同大小、不同位置的内容了。
CSS margin-top 属性
CSS margin-top 属性
实例
设置一个p元素的上部边距:
p
{
margin-top:2cm;
}
属性定义及使用说明
margin-top属性设置元素的上部边距。
注意: 负值是允许的。
默认值: | 0 |
---|
继承: | no |
---|
版本: | CSS1 |
---|
JavaScript 语法: | object.style.marginTop="10px" |
---|
浏览器支持
表格中的数字表示支持该属性的第一个浏览器版本号。
属性 | | | | | |
margin-top | 1.0 | 6.0 | 1.0 | 1.0 | 3.5 |
属性值
值 | 描述 |
---|
auto | 浏览器设置的上外边距。 |
length | 定义固定的上外边距。默认值是 0。 |
% | 定义基于父对象总高度的百分比上外边距。 |
inherit | 规定应该从父元素继承上外边距。 |
相关文章
CSS 教程: CSS Margin