---
id: bad87fee1348bd9aedf08822
title: Adjust the Margin of an Element
challengeType: 0
guideUrl: 'https://chinese.freecodecamp.org/guide/certificates/adjust-the-margin-of-an-element'
videoUrl: ''
localeTitle: 调整元素的边距
---
## Description
元素的margin
控制元素border
与周围元素之间的空间量。在这里,我们可以看到蓝色框和红色框嵌套在黄色框中。请注意,红色框的margin
大于蓝色框,使其看起来更小。当您增加蓝框的margin
,它将增加其边框与周围元素之间的距离。
## Instructions
更改蓝色框的margin
以匹配红色框的margin
。
## Tests
```yml
tests:
- text: 你的blue-box
类应该给出20px
的margin
元素。
testString: 'assert($(".blue-box").css("margin-top") === "20px", "Your blue-box
class should give elements 20px
of margin
.");'
```
## Challenge Seed
```html
margin
padding
padding
```
## Solution
```js
// solution required
```