html改变元素外边距,CSS 简明教程 - 外边距 ( margin ) 属性

CSS margin 属性用于在 HTML 元素周围创建「空白」，这些空白在元素的边框之外创建

我们可以单独设置元素的上边距，下边距，左边距和右边距，也可以使用 margin 属性同时设置所有边距

下图显示了填充 ( margin ) 和外边距 ( margin) 之间的关系，红线是元素的边框

margin 属性接受任何长度单位，可以是像素 px，英寸，毫米或 em

外边距属性值

值

说明

auto

设置外边距的值为浏览器默认，实际的边距取决于浏览器的实现

length

将外边距的值设置为固定长度，可以使用像素 px、pt, em 等作为单位

设置百分比外边距

下面的 CSS 规则为 h1 元素定义了 1/4 英寸的外边距

h1 {

margin : 0.25in;

}

下面的 CSS 规则为 h1 元素的四个边定义了不同的边距

h1 {

margin : 10px 0px 15px 5px;

}

元素四边的边距按上-右-下-左的顺序设置，例如

margin: top right bottom left

此外，我们还可以给 HTML 元素设置一个百分比的外边距

html改变元素外边距,CSS 简明教程 - 外边距 ( margin ) 属性相关推荐

【从零入门 Web 前端】HTML5 + CSS 简明教程
HTML + CSS 就是当代网页的基石.全世界的网站,无论其服务器端的语言是什么,前端都使用了 HTML + CSS. 随着互联网行业的快速发展,前端这一职位也越来越火热,前端工程师的高薪资,也让越 ...
html5 css3 内边距,css什么是内边距？css内边距的设置方法（实例）
在前端开发中经常会使用css盒子模型,一般我们会通过css设置width(宽度),padding(内边距),margin(外边距)等属性可以调节整个盒子的大小.本章就给大家介绍css盒子模型的内边距( ...
css【详解】—— margin属性（含margin合并，margin：auto，margin失效）
目录 margin合并的场景 1. 相邻兄弟元素margin合并 2. 父级和第一个/最后一个子元素阻止margin-top合并的方法阻止margin-bottom合并的方法 3. 空块级元素的m ...
css样式表诞生,[css]简明教程 CSS样式表概述
CSS(Cascading Style sheets,层叠样式表)是一种制作网页的新技术,现在已经为大多数的浏览器所支持,成为网页设计必不可少的工具之一.使用CSS能够简化网页的格式代码,加快下载显示 ...
css 设置下边距,css如何设置内边距
在css中,可以使用padding属性设置内边距,只需要给元素设置"padding:数值+单位|百分比数值"即可.padding属性设置元素所有内边距的宽度,或者设置各边上内边距的 ...
浅析css的margin属性
margin 简写属性在一个声明中设置所有外边距属性.该属性可以有1到4个值注意: 外边距控制的是元素外部空出的空间.相反,padding 操作元素内部空出的空间还有就是上.下外边框的设置对内联元 ...
CSS 框模型元素框处理元素内容、内边距、边框和外边距的方式
CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容.内边距.边框和外边距的方式元素框的最内部分是实际的内容,直接包围内容的是内边距.内边距呈现了元素的背景.内边距的 ...
CSS 框模型——规定了元素框处理元素内容、内边距、边框和外边距的方式
转自:http://www.w3school.com.cn/css/css_boxmodel.asp 要知道在父元素:float, rel, abs位置情况下,box模型的变换情况,请见:http:/ ...
CSS 框模型概述 CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式...
CSS 框模型概述术语翻译 element : 元素. padding : 内边距,也有资料将其翻译为填充. border : 边框. margin : 外边距,也有资料将其翻译为空白或空白边. 在 ...

html改变元素外边距,CSS 简明教程 - 外边距 ( margin ) 属性

html改变元素外边距,CSS 简明教程 - 外边距 ( margin ) 属性相关推荐

最新文章

热门文章