`
wang_zhi_peng2007
  • 浏览: 251272 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS 外边距属性(Margin)

 
阅读更多

   css学习笔记:(参考:http://www.w3school.com.cn  css参考手册) 

1. CSS 外边距属性(Margin)

    实例1:设置 p 元素的上外边距:

p
  {
  margin-top:2cm;
  }

    实例2:应用

 

//table距离上边距10px
<table width="50% " style="margin-top:10px" align="center">

 2. 设置字体颜色    style="color:red"

 

		<td align="left" style="color:red">分发对象:
		  <select name="" >
			<option value="">--请选择分发对象--</option>
			<option value="">张三</option>
			<option value="">李四</option>
			<option value="">王五</option>
		  </select>
	    </td>

 

3. 设置表格的外边框   (不显示外边框) style="border:0;"

   <td  colspan="4" style="border:0;">
		<input type="button" style="margin-top:10px;" class="btn_gentle" value="保&nbsp;&nbsp;存" onclick="window.close();"/>
		<input type="button" style="margin-top:10px;" class="btn_gentle" value="提&nbsp;&nbsp;交" onclick="window.close();"/>
		<input type="button" style="margin-top:10px;" class="btn_gentle" value="关&nbsp;&nbsp;闭" onclick="window.close();"/>
	</td>

 

 

 

 

  • 大小: 31.8 KB
分享到:
评论

相关推荐

    CSS重要属性之 margin 属性知识大整合(必看篇)

    CSS中的margin属性是控制元素外边距的重要工具,它能够影响元素与其它元素间的距离,从而对页面布局产生影响。本文将详细梳理margin属性相关的核心知识点。 首先,margin属性是CSS中非常重要的一个属性,它允许...

    CSS 外边距(margin)重叠及防止方法

    理解并掌握CSS外边距重叠的规则以及如何防止重叠对于创建精确、可控的页面布局至关重要。通过运用以上方法,开发者可以更好地控制元素间的间距,从而实现预期的设计效果。在实际项目中,可以根据具体需求选择合适的...

    CSS外边距合并代码

    在CSS布局中,外边距(Margin)是一个重要的概念,它指的是元素边框之外的空白区域,用于控制元素之间的空间。外边距合并是CSS布局中一个常见的现象,特别是涉及到元素垂直排列时。当我们为相邻元素设置外边距时,...

    css中margin的缩写

    其中,`margin`属性是CSS中最常用的一个属性之一,用于设置元素外边距,即元素与其他元素之间的空白距离。为了简化CSS代码编写过程,提高代码可读性及维护性,CSS允许对`margin`属性进行缩写。 #### Margin属性的...

    详解css外边距折叠(margin collapsing)

    CSS中的外边距折叠指的是相邻的两个或多个块级元素的外边距(margin)会合并成一个外边距。这种情况在块级元素垂直排列时尤为常见,比如相邻兄弟元素之间、父元素与第一个或最后一个子元素之间以及空的块级元素之间...

    css中margin属性详细分析.docx

    首先,margin属性可以独立设置上、右、下、左四个方向的外边距,分别对应margin-top、margin-right、margin-bottom和margin-left。同时,CSS允许使用简写形式来设置所有方向的外边距,如: 1. 单一值:表示上下左右...

    css中padding、margin两个重要属性的详细介绍及举例说明

    ### CSS中的Padding与Margin属性详解 #### 一、引言 在前端开发中,CSS(层叠样式表)是用于定义HTML文档外观的核心技术之一。其中,`padding`与`margin`是两个至关重要的属性,它们直接影响着网页元素的空间布局...

    CSS margin(外边距)

    CSS margin(外边距) CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是...Margin – 单边外边距属性 在CSS中,它可以指定不同的侧面不同的边距:

    css中margin属性详细分析 (2).pdf

    在CSS样式设计中,margin属性是不可或缺的一部分,它用于定义元素周围的空白区域,也就是我们常说的外边距。通过合理使用margin,我们可以精确地控制元素之间的距离,从而达到良好的视觉效果和布局效果。本文将深入...

    css中margin属性详细分析.pdf

    在CSS中,margin可以通过单独的属性设置,如`margin-top`、`margin-right`、`margin-bottom`和`margin-left`,或者使用简写的`margin`属性一次性设置所有方向的外边距。例如,`margin: 10px 20px 30px 40px;`表示...

    CSS边距属性定义是用margin还是用padding的两者对比

    也可以使用简写的外边距属性同时改变所有的外边距。——W3School 边界(margin):元素周围生成额外的空白区。“空白区”通常是指其他元素不能出现且父元素背景可见的区域。——CSS权威指南 padding称呼为内边距,其...

    CSS的margin和padding

    垂直外边距合并(Margin collapsing)是一个CSS布局中的特性,当两个或多个相邻的垂直外边距相遇时,它们会合并为其中的最大值。这在处理元素间距时可能会带来意外的结果。例如,当一个元素的第一个子元素具有`...

    Css中内边距、边框和外边距的关系.docx

    在CSS(层叠样式表)中,内边距(Padding)、边框(Border)和外边距(Margin)是布局和设计网页时不可或缺的概念。它们共同决定了元素在页面上的显示方式以及元素之间的空间关系。 首先,元素框的内部是内容区...

    外边距折叠1

    5. CSS3新特性:利用`margin-collapsing`属性,可以控制是否开启或关闭外边距折叠,但这不是所有浏览器都支持。 了解并掌握外边距折叠的概念和解决方法,对于创建整洁、符合预期的网页布局至关重要。在编写CSS时,...

    XML应用开发(软件品牌)-1期 4.9 案例分析-使用CSS容器属性显示XML文档-边距属性margin和补白属性paddin

    `margin`用于设置元素四周的外边距,它包括`margin-top`、`margin-bottom`、`margin-left`和`margin-right`四个子属性,分别用于设置上、下、左、右四个方向的边距。此外,`margin`还可以作为一个简写属性,一次性...

    外边距+内边距

    在网页布局中,`margin`(外边距)和`padding`(内边距)是非常重要的概念。它们主要用于控制元素与其周围元素之间的空间,是CSS中最常用也是最基本的属性之一。接下来,我们将详细探讨这两种属性的特点、用法及其在...

    CSS3动画属性边框属性等

    `margin` 和 `padding` 设置外边距和内边距;`dimension` 描述元素尺寸;`generated-content` 生成非文档流内容;`multi-column` 创建多列布局;`table` 用于表格样式控制;`pagemedia` 适应打印等媒介的样式规则;`...

    css margin 属性 详细使用说明

    最后,CSS还提供了一组单边外边距属性,如margin-top、margin-right、margin-bottom和margin-left,这些属性允许开发者单独设置元素的某一个边的外边距,而不影响其他边。例如,如果只需要设置元素的左边距为20px,...

    css属性查询手册

    1. 盒模型:CSS 2.0引入了盒模型的概念,包括内容(content)、内边距(padding)、边框(border)和外边距(margin),理解盒模型对于布局至关重要。 2. 文本属性:如`font-family`用于设置字体,`color`用于设置文本颜色...

Global site tag (gtag.js) - Google Analytics