html中边距属性,CSS边距属性

边距属性是用来设置页面中一个元素所占空间的边缘到相邻元素之间的距离。

左边距属性(margin-left)

这个属性用来设定左边距的宽度。示例如下：

.d1{margin-left:1cm}

右边距属性(margin-right)

这个属性用来设定右边距的宽度。示例如下：

.d1 {margin-right:1cm}

演示示例请参照左边距属性示例，只要将里面的margin-left改成margin-right即可。

上边距属性(margin-top)

这个属性用来设定上边距的宽度。示例如下：

.d1 {margin-top:1cm}

演示示例请参照左边距属性示例，只要将里面的margin-left改成margin-top即可。

下边距属性(margin-bottom)

这个属性用来设定下边距的宽度。示例如下：

.d1{margin-bottom:1cm}

演示示例请参照左边距属性示例，只要将里面的margin-left改成margin-bottom即可。

边距属性(margin)

这个属性是设定边距宽度的一个快捷的综合写法，用这个属性可以同时设定上下左右边距属性。

你可以为上下左右边距设置相同的宽度。示例入下：

.d1 {margin:1cm}

你也可以分别设置边距，顺序是上，右，下，左。示例如下：

.d1 {margin:1cm 2cm 3cm 4cm}

上面的代码表示，上边距为1cm，右边距为2cm，下边距为3cm，左边距为4cm。

html中边距属性,CSS边距属性相关推荐

html5 css3 内边距,css什么是内边距？css内边距的设置方法（实例）
在前端开发中经常会使用css盒子模型,一般我们会通过css设置width(宽度),padding(内边距),margin(外边距)等属性可以调节整个盒子的大小.本章就给大家介绍css盒子模型的内边距( ...
html外边距合并,CSS 外边距合并问题
小鸡炖蘑菇炖小鸡你好:外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距.合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者.外边距合并外边距合并(叠加)是一个相当简单的概念. ...
html中outline属性,css的outline属性的作用是什么
css的outline属性的作用是什么发布时间:2020-05-06 11:47:34 来源:亿速云阅读:280 作者:小新 css的outline属性的作用是什么?相信有很多人都不太了解,今天小 ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
html block属性,css display block属性的意思、作用和效果
css中display的block属性是什么意思呢?他是指拥有该属性的html元素以块的方式显示,同时,该元素的前面和后面都会换行,也就是说,如果给一个元素B设置的display:block,那么该元 ...
php浮动边框设置属性,CSS float 浮动属性
本篇主要介绍float属性:定义元素朝哪个方向浮动. 目录: 1. 页面布局方式:介绍文档流.浮动层以及float属性. 2. float:left :介绍float为 left 时的布局方式. 3. ...
html左边移动属性,css左边偏移属性left、右边偏移属性right
[实例介绍] css左边偏移属性left.右边偏移属性right 通过left属性来设置左边偏移属性,通过right属性来设置右边偏移属性. [基本语法] position:static | ab ...
php中表格间距代码,css：border-spacing属性（表格边框间距）的示例代码分享
我们知道表格加入边框默认情况下是如下图那样的: 我们在上一节讲解了如何合并表格边框(消除表格边框间距).但是在实际开发中,我们有可能要设置一下表格边框的间距. 在CSS中,我们使用border-spa ...
html的定位属性,CSS之定位属性
一,定位介绍定位的基本思想很简单,它允许你定义元素出现在页面的任何位置. 是通过position属性配合left,right...等来实现的. 二,定位类别 1.相对定位相对定位就是相对于自己以前在 ...
css设置h1属性,CSS设置文本属性
本文属性词汇文本字体 font-family文本大小 font-size文本粗细 font-weight文本风格 font-style 文本字体使用示例指定字体系列 boby {font-fami ...

html中边距属性,CSS边距属性

html中边距属性,CSS边距属性相关推荐

最新文章

热门文章