html上外边距是,margin-top css设置对象上外边距间距（上外补白）

布局对象与上一个对象盒子间距间隔属性margin-top简称css上边距设置。

margin-top与padding-top有相同之处都是设置边距间隔属性，margin-top设置对象上边的外距离，对象与上一个对象之间间隔，而padding-top设置上边框到内容之间间隔间距。

div css margin-top理解说明图

1、应用地方

html网页布局中，会常常布局上下结构对象盒子有一定间隔间距，就像以上效果，有的时候有边框或背景颜色差别能看出，能快速想到合理使用。特别新手有时没有边框和背景颜色差别就不容易记得使用margin-top布局外上边距(当然这种情况下也可以使用padding-top)。

2、实例演示margin-top应用

上边外距离 css5.com.cn

.boxa{ border:1px solid #F00; width:200px; height:100px}

.boxb{ margin-top:10px; border:1px solid #00F; width:300px; height:100px}

欢迎访问CSS5学习css

boxb设置上边外距离为10px

效果浏览器截图

设置上下对象间距，采用margin-top上边距(外补白)

需要设置上下间隔间距两个对象，就可以对下结构的对象设置margin-top达到间隔排版需求。

作者：css5原创

html上外边距是,margin-top css设置对象上外边距间距（上外补白）相关推荐

html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
css外边距溢出处理方法,CSS高度坍塌和外边距溢出问题及解决方法
高度坍塌成因父元素div未设置高度子元素全部设置浮动(float: left | right;),浮动元素脱离文档流且不占页面空间由于父元素为设置高度,高度靠内部子元素撑开,而今子元素全部脱离文 ...
css设置全局内边距为0,重置CSS - 将填充和边距设置为0？
我总是使用这个: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ...
CSS设置下划线与文字间距距离
css的写下划线 text-decoration: underline; 但是这样的样式下划线太靠近文字了如图修改方式 border-bottom: 1px solid red;padding ...
CSS 外补白(Margin) 内补白(Padding) 边框属性定位（positioning）属性布局(layout)属性
CSS 布局(Layout) Properties 属性 CSS Version 版本 Inherit From Parent 继承性 Description 简介 display CSS1/CSS2 ...
css margin属性,css margin属性怎么用？css margin属性用法教程
在css中,有一个重要的属性margin,很多人都不知道css margin属性是什么?怎么用,下面为您总结一下css margin属性用法教程. margin是css用于在一个声明中,对所有css ...
css 设置下边距,css如何设置内边距
在css中,可以使用padding属性设置内边距,只需要给元素设置"padding:数值+单位|百分比数值"即可.padding属性设置元素所有内边距的宽度,或者设置各边上内边距的 ...
CSS设置行间距和字间距
CSS设置行间距在CSS中通过line-height属性来实现行间距的设置,line-height的值表示的是两行文字之间基线的距离. 文字的基线,指的是如果给文字加上下划线,那么上下划线就是文字的 ...
Java对象都是在堆上分配空间吗？答案竟然是...
作者 l Hollis 来源 l Hollis(ID:hollischuang) Java作为一种面向对象的,跨平台语言,其对象.内存等一直是比较难的知识点,所以,即使是一个Java的初学者,也一定或 ...

html上外边距是,margin-top css设置对象上外边距间距（上外补白）

html上外边距是,margin-top css设置对象上外边距间距（上外补白）相关推荐

最新文章

热门文章