一、CSS控制邊界

1、內邊距

padding（內邊距也叫內填充）
padding-bottom 長度/百分比 元件下端邊線的空隙
padding-left 長度/百分比 元件左端邊線的空隙
padding-right 長度/百分比 元件右端邊線的空隙
padding-top 長度/百分比 元件上端邊線的空隙

簡易寫法：
padding:10px 一個值表示同時控制四個方向
padding:2px 4px  兩個值表示第一個值控制上下 第二個值控制左右
padding:2px 6px 10px 三個值表示第一個值控制上 第二個值控制右和左 第三個值控制下 左邊找右邊
padding:1px 2px 3px 4px  四個值表示每個值單獨控制上右下左

2、外邊距

margin（外邊界） 屬性介紹
margin-bottom auto 自動調整空隙 長度/百分比 設置下端空隙
margin-left auto 自動調整空隙 長度/百分比 設置左端空隙
margin-right auto 自動調整空隙 長度/百分比 設置右端空隙
margin-top auto 自動調整空隙  長度/百分比 設置上端空隙
簡化方案：
margin:2px 4px
margin:2px 6px 10px
margin:1px 2px 3px 4px

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表