Phần đệm W3.CSS
w3-đệm-lớn
Tôi có phần đệm trên và dưới 12px và phần đệm bên trái và bên phải 24px.
Các lớp đệm số W3.CSS
Các lớp w3-padding- number thêm phần đệm trên và dưới vào bất kỳ phần tử HTML nào:
Lớp học | Định nghĩa |
---|---|
w3-đệm-16 | Thêm phần đệm trên và dưới 16px vào một phần tử |
w3-đệm-24 | Thêm phần đệm trên và dưới 24px vào một phần tử |
w3-đệm-32 | Thêm phần đệm trên và dưới 32px vào một phần tử |
w3-đệm-48 | Thêm phần đệm trên và dưới 48px vào một phần tử |
w3-đệm-64 | Thêm phần đệm trên và dưới 64px vào một phần tử |
Ví dụ:
w3-đệm-16
Tôi có phần đệm trên và dưới 16px
w3-đệm-24
Tôi có phần đệm trên và dưới 24px
w3-đệm-32
Tôi có phần đệm trên và dưới 32px
w3-đệm-48
Tôi có phần đệm trên và dưới 48px
w3-đệm-64
Tôi có phần đệm trên và dưới 64px
Ví dụ
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Hãy tự mình thử » Các lớp kích thước đệm W3.CSS
Các lớp w3-padding- size thêm phần đệm trên, dưới, phải và trái vào bất kỳ phần tử HTML nào:
Lớp học | Định nghĩa |
---|---|
phần đệm w3 | Thêm phần trên và phần dưới 8px và phần đệm bên trái và bên phải 16px |
w3-đệm-nhỏ | Thêm phần trên và phần dưới 4px, phần đệm bên trái và bên phải 8px |
w3-đệm-lớn | Thêm phần trên và phần dưới 12px và phần đệm bên trái và bên phải 24px |
Ví dụ:
w3-đệm-nhỏ
Tôi có phần đệm trên và dưới 4px và phần đệm bên trái và bên phải 8px.
phần đệm w3
Tôi có phần đệm trên và dưới 8px và phần đệm bên trái và bên phải 16px.
w3-đệm-lớn
Tôi có phần đệm trên và dưới 12px và phần đệm bên trái và bên phải 24px.
Ví dụ
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>
Hãy tự mình thử »