css外上边距怎么设置,css上边距怎么设置

秒速五厘米 2022-09-03 01:29 234阅读 0赞

CSS设置上边距的方法一：使用margin-top属性

margin-top属性可以设置元素的上外边距

围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。

外边距属性受任何长度单位(可以是像素、英寸、毫米或 em。)、百分数值甚至负值。

属性值：

值

描述

auto

浏览器设置的上外边距。

length

定义固定的上外边距。默认值是 0。

%

定义基于父对象总宽度的百分比上外边距。

inherit

规定应该从父元素继承上外边距。

示例：

p.ex1 \{margin-top:2cm;\}

一个没有指定边距大小的段落。

一个2厘米上边距的段落。

一个没有指定边距大小的段落。

效果图：

![87b7c98b20b1f84e7af88bd3fa83081b.png][]

css设置上边距的方法二：使用padding-top属性

padding-top属性可以设置元素的上内边距

元素的内边距在边框和内容区之间，是元素边框与元素内容之间的空白区域

内边距属性接受长度值或百分比值，但不允许使用负值。

属性值：

值

描述

length

规定以具体单位计的固定的上内边距值，比如像素、厘米等。默认值是 0px。

%

定义基于父元素宽度的百分比上内边距。此值不会如预期的那样工作于所有的浏览器中。

inherit

规定应该从父元素继承上内边距。

示例：

p.padding \{padding-top:2cm;\}

p.padding2 \{padding-top:20%;\}

这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。这是一个没有上部填充边距的文本。

这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。这个文本的上部填充边距为2厘米。

这个文本的上部填充边距为20%。这个文本的上部填充边距为20%。这个文本的上部填充边距为20%。

效果图：

![3d4e0a0b8fe9f89fd947512d8ce57a5c.png][]

[87b7c98b20b1f84e7af88bd3fa83081b.png]: /images/20220829/2eeb6c4c1f884c509de7253c643c2c06.png
[3d4e0a0b8fe9f89fd947512d8ce57a5c.png]: /images/20220829/15a77fb980974f5fa504a1c49f7ad5ad.png

发表评论取消回复

表情：

评论列表（有 0 条评论，234人围观）

还没有评论，来说两句吧...

相关阅读

相关 CSS设置元素内边距（padding）、外边距（margin）

设置元素内边距padding 所有的 HTML 元素基本都是以矩形为基础。每个 HTML 元素周围的矩形空间由三个重要的属性来控制： padding（内边距）：

港控/mmm°/ 2024年03月29日 16:02/ 0 赞/ 109 阅读

相关 CSS中的上边距属性及其编程应用

上边距（margin-top）是CSS中的一个属性，它用于控制元素顶部边缘与其父元素或相邻元素之间的距离。本文将介绍上边距属性的具体用法，并提供一些示例代码来说明其在编程中的应

梦里梦外;/ 2024年03月01日 00:44/ 0 赞/ 14 阅读

相关 CSS中设置所有td的内边距

场景业务需求设置表格中td的内边距。如果直接使用html，需要在每个html中引入css样式。如果需要实现抽取公共页面，引用公共css文件，参照： Thyme

た入场券/ 2023年10月18日 20:51/ 0 赞/ 74 阅读

相关 CSS 外边距

CSS 外边距 ![在这里插入图片描述][20210325184513919.gif] ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5n

痛定思痛。/ 2022年11月13日 04:29/ 0 赞/ 293 阅读

相关 CSS 外边距合并

CSS 外边距合并 ![在这里插入图片描述][20210325192055399.gif] > 外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。 >

矫情吗；*/ 2022年10月22日 09:18/ 0 赞/ 202 阅读

相关 html怎么隐藏上下边距,css上下间距怎么调？

html中段落之间有空行间距默认是有定距离，这个间距是margin-top与margin-bottom默认值，同时与line-height相关。 ![d11e25fe0809

叁歲伎倆/ 2022年10月06日 08:00/ 0 赞/ 168 阅读

相关 css外上边距怎么设置,css上边距怎么设置

CSS设置上边距的方法一：使用margin-top属性 margin-top属性可以设置元素的上外边距围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空

秒速五厘米/ 2022年09月03日 01:29/ 0 赞/ 235 阅读

相关 CSS外边距叠加

盒模型概念盒模型是css的基石之一，它指定元素如何显示及（在某种程度上）如何相互交互。页面上的每一个元素都被看做一个矩形框，这个框右元素的内容、内边距、

古城微笑少年丶/ 2022年08月07日 06:45/ 0 赞/ 274 阅读

相关【CSS】margin(外边距)

CSS margin(外边距)属性定义元素周围的空间。 margin margin 清除周围的（外边框）元素区域。margin 没有背景颜色，是完全透明的。 marg

不念不忘少年蓝@/ 2022年03月22日 08:26/ 0 赞/ 336 阅读

相关 CSS内边距与外边距

外边距 margin 外边距是指用标签设置的内容外部的边距。它可以很好地将元素和旁边的其他元素隔开。 1.居中 auto 使用auto属性值可以将

喜欢ヅ旅行/ 2021年09月25日 12:52/ 0 赞/ 489 阅读