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

33 lines
662 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 Padding to Each Side of an Element
localeTitle: 在元素的每一侧添加不同的填充
---
## 在元素的每一侧添加不同的填充
要调整元素的填充,请使用:
```css
.example {
padding: 10px;
}
```
要通过单个面指定元素的填充大小我们可以使用“padding-top”“padding-right”“padding-bottom”和“padding-left”。我们可以以任何顺序组合使用这些中的任何一种。例如
```css
.example {
padding-top: 5px;
padding-bottom: 0px;
}
```
要么:
```css
.example {
padding-top: 20px;
padding-left: 25px;
padding-right: 5px;
}
```