W3.CSS Padding (填充)

2020-11-30 14:05 更新

W3.CSS Padding Number 類

w3-padding-number 類向任何 HTML 元素添加頂部和底部填充：

類 定義
w3-padding-16 向元素添加 16px 頂部和底部填充
w3-padding-24 向元素添加 24px 頂部和底部填充
w3-padding-32 向元素添加 32px 頂部和底部填充
w3-padding-48 向元素添加 48px 頂部和底部填充
w3-padding-64 向元素添加 64px 頂部和底部填充

實例

<div class="w3-panel w3-padding-16">

  <p>我有 16px 的頂部和底部填充。</p>

</div>


嘗試一下 ?
點擊“嘗試一下”按鈕查看在線實例

W3.CSS Padding Size 類

 w3-padding-size 類向任何 HTML 元素添加上、下、左、右填充：

類 定義
w3-padding
添加8px頂部和底部，以及 16px 左右填充
w3-padding-small
添加頂部和底部的 4px，以及左側(cè)和右側(cè)的填充 8px
w3-padding-large
在頂部和底部分別添加 12px 和向左和向右填充 24px

實例

<div class="w3-panel w3-padding-large">

  <p>我擁有 12px 的頂部和底部填充和24像素的左右填充。</p>

</div>


嘗試一下 ?
點擊“嘗試一下”按鈕查看在線實例


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號