標題:
Box Model 設計-內外邊距
[打印本頁]
作者:
陳育霖
時間:
2023-8-12 13:11
標題:
Box Model 設計-內外邊距
本帖最後由 陳育霖 於 2023-8-29 01:09 編輯
Margin 外邊距設計
h1 {
margin-top: 20px;
margin-right: 30px;
margin-left: 40px;
margin-bottom: 50px;
}
複製代碼
margin: 上|右|下|左
h1{ margin: 20px 30px 40px 50px}
複製代碼
注意: 外邊距相遇時,會自動合併,取最大值的那個
Margin 內邊距設計
h1 {
padding-top: 20px;
padding-right: 30px;
padding-left: 40px;
padding-bottom: 50px;
}
複製代碼
padding: 上|右|下|左
h1{ padding: 20px 30px 40px 50px}
複製代碼
注意:
四個值:上、右、下、左
三個值:上、左右、下
兩個值:上下、左右
一個值:上下左右
歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://istak.org.tw/seed/)
Powered by Discuz! 7.2