From 3d0d9d725185e4851fa3e811bd6b638fb6d4e10b Mon Sep 17 00:00:00 2001 From: familyboat <2015301110129@whu.edu.cn> Date: Thu, 17 Oct 2024 15:24:22 +0800 Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E7=94=A8=E5=B0=8F=E5=86=99=E7=9A=84?= =?UTF-8?q?=20padding=EF=BC=8C=E4=B8=8E=20margin=20=E4=BF=9D=E6=8C=81?= =?UTF-8?q?=E4=B8=80=E8=87=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../learn/getting_started_with_the_web/css_basics/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/zh-cn/learn/getting_started_with_the_web/css_basics/index.md b/files/zh-cn/learn/getting_started_with_the_web/css_basics/index.md index 824072ab1cc863..9a8b00c1befb3a 100644 --- a/files/zh-cn/learn/getting_started_with_the_web/css_basics/index.md +++ b/files/zh-cn/learn/getting_started_with_the_web/css_basics/index.md @@ -244,7 +244,7 @@ body { - `width: 600px;` 强制文档体永远保持 600 像素宽。 - `margin: 0 auto;` 当你在 `margin` 或 `padding` 这样的属性上设置两个值时,第一个值影响元素的*上下*方向(在这个例子中设置为 `0`);第二个值影响*左右*方向。(这里,`auto` 是一个特殊的值,它将可用的水平空间平均分配给左边和右边)。如 [margin 语法](/zh-CN/docs/Web/CSS/margin#语法)中所记载的那样,你也可以使用一个、两个、三个或四个值。 - `background-color: #FF9500;` 如前文所述,指定元素的背景颜色。我们给 body 用了一种略微偏红的橘色以与深蓝色的 {{htmlelement("html")}} 元素形成反差,你也可以尝试其他颜色。 -- `padding: 0 20px 20px 20px;` 我们给内边距设置了四个值,目的是给内容四周留出一点空间。这一次我们不设置 body 上方的内边距,设置右边、下方、左边的内边距为 20 像素。值以上、右、下、左的顺序排列。与 `margin` 一样,你也可以像 [Padding 语法](/zh-CN/docs/Web/CSS/padding#语法)中所记载的那样,使用一个、两个、三个或四个值。 +- `padding: 0 20px 20px 20px;` 我们给内边距设置了四个值,目的是给内容四周留出一点空间。这一次我们不设置 body 上方的内边距,设置右边、下方、左边的内边距为 20 像素。值以上、右、下、左的顺序排列。与 `margin` 一样,你也可以像 [padding 语法](/zh-CN/docs/Web/CSS/padding#语法)中所记载的那样,使用一个、两个、三个或四个值。 - `border: 5px solid black;` 这是为边框的宽度、样式和颜色设置的值。在本例中,是 body 四周的一个 5 像素宽的纯黑色边框。 ### 定位页面主标题并添加样式