freeCodeCamp/guide/chinese/certifications/responsive-web-design/basic-css/add-different-margins-to-ea.../index.md

33 lines
649 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

---
title: Add Different Margins to Each Side of an Element
localeTitle: 在元素的每一侧添加不同的边距
---
## 在元素的每一侧添加不同的边距
要调整元素的边距,请使用:
```css
.example {
margin: 10px;
}
```
要按单个面指定元素的边距大小我们可以使用“margin-top”“margin-right”“margin-bottom”和“margin left”。我们可以以任何顺序组合使用这些中的任何一种。例如
```css
.example {
margin-top: 5px;
margin-bottom: 0px;
}
```
要么:
```css
.example {
margin-top: 20px;
margin-left: 25px;
margin-right: 5px;
}
```