发布日期:2015-11-09 10:11 来源: 标签: 网页技术 CSS教程 CSS外边距 css Margin
本章我们主要学习如何使用CSS中的Margin(外边距)属性定义元素周围的空间?下面我们就做一下具体讲解,希望大家多多支持中国站长网络学院。

CSS Margin(外边距)


CSS Margin(外边距)属性定义元素周围的空间。


Margin

margin清除周围的元素(外边框)的区域。margin没有背景颜色,是完全透明的

margin可以单独改变元素的上,下,左,右边距。也可以一次改变所有的属性。

可能的值


Remark Margin可以使用负值,重叠的内容。


<h2margin -="" 单边外边距属性<="" h2="">

在CSS中,它可以指定不同的侧面不同的边距:

实例

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;
运行效果:


Margin - 简写属性

<p为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的缩写属性。< p="">

所有边距属性的缩写属性是"margin":

实例

margin:100px 50px;
运行效果:

margin属性可以有一到四个值。/p>

  • margin:25px 50px 75px 100px;
    • 上边距为25px
    • 右边距为50px
    • 下边距为75px
    • 左边距为100px

  • margin:25px 50px 75px;
    • 上边距为25px
    • 左右边距为50px
    • 下边距为75px

  • margin:25px 50px;
    • 上下边距为25px
    • 左右边距为50px

  • margin:25px;
    • 所有的4个边距都是25px

所有的CSS边距属性


相关评论

专题信息
    CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”,也就是层叠样式表。层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。CSS3是CSS的升级版,本教程会一起介绍。