Margin、Padding單行寫法

閱讀時間約 1 分鐘
單行寫法時,設定值可以是四個依序間隔、三個依序間隔、二個依序間隔與單個值,請注意所代表的個別方向值。
1. Margin(或padding) : 上 右 下 左;(四個值不同)
2. Margin(或padding) : 上 左右 下;(左右值相同、上下值不同)
3. Margin(或padding) : 上下 左右;(上下值相同、左右值相同)
4. Margin(或padding) : 上下左右;(四個值均相同)

1.Margin(或padding) : 上 右 下 左;(四個值不同)

範例 / Margin : 10px 20px 30px 40 px;

2. Margin(或padding) : 上 左右 下;(左右值相同、上下值不同)

範例 / Padding : 10px 20px 30px;

3. Margin(或padding) : 上下 左右;(上下值相同、左右值相同)

範例 / Padding : 10px 20px;

4. Margin(或padding) : 上下左右;(四個值均相同)

範例 / Margin : 10px;
為什麼會看到廣告
29會員
161Content count
藉由Animate CC製作網頁上的動畫,並發佈成HTML5+CANVAS+JAVASCRIPT格式,已是最有效率設計製作專業網頁動畫效果的方式,筆者將藉由此空間分享與介紹Animate CC製作網頁動畫技巧,歡迎一起讓網頁上的內容動起來!
留言0
查看全部
發表第一個留言支持創作者!
哩老師的沙龍 的其他內容
網頁的文字單位大致上分成: pt、px、%、em、rem pt、px為最常見的,屬於絕對單位;%、em、rem則為相對單位。 %單位的算法: 預設網頁上的文字大小為16px=12pt, 假如設定font-size: 75%,意思就是將預設文字大小改成:16 X 0.75=12px 假如設定font-
網頁的文字單位大致上分成: pt、px、%、em、rem pt、px為最常見的,屬於絕對單位;%、em、rem則為相對單位。 %單位的算法: 預設網頁上的文字大小為16px=12pt, 假如設定font-size: 75%,意思就是將預設文字大小改成:16 X 0.75=12px 假如設定font-
你可能也想看
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
對於前端初學者來說,在切版時會出現很多規則、不規則的網頁區塊,這時候我們會嘗試用各種相對定位、絕對定位、margin 或是 padding 的方式來進行網頁區塊的推擠。
Thumbnail
BTS 與知名搖滾樂團 Coldplay 主唱 Chris Martin 的一場合作。這是一檔由 YouTube 所製播的節目「Released」- 一檔每週播出的音樂類型節目。
Thumbnail
漢字文化古代有一部以北宋時期 (約公元 960 年 ~ 公元 1127 年) 爲時代背景的著名小說《水滸傳》,但是當今「滸」字在現代的中文文化中幾乎已成罕用字,卻可能仍然以拼音文字的形式保存在 English 的 shore 一字中。......
Thumbnail
 Der Ursprung des Kunstwerkes Martin Heidegger 1950   林中路 林乃樹林的古名。林中有路。這些路多半突然斷絕在杳無人跡處。這些路叫做林中路。 每人各奔前程,但卻在同一林中。常常看來彷彿彼此相類。然而只是看起來彷彿如此而已。林業工和護林人識得這些路
《安全邊際》 作者:塞思.卡拉曼 Chapter 1. 投機者和失敗的投資者 投資與投機的對比 在閱讀本書之前,容易將投資者和投機者混淆,並且過於簡單的定義"價值投資",以為只要投資股票並長期持有就可能成為價值投資者,卻沒想到這可能落入尋找簡單投資獲利公式(聖杯)的迷思;當能夠明確分辨投資品會帶來現
Thumbnail
在拿到法國國家服裝藝術大獎的獎金後,Martin Margiela於1990年正式成立再生服裝工坊Artisanal。這個工坊將現有已經存在的衣服,像是跳蚤市場買來的衣服,經過分類和清洗,再創作成獨一無二的服裝。
Thumbnail
第一次注意到比利時服裝設計,是大一剛開學沒多久的時候,無意間在西門誠品一樓逛到當時剛引進台灣的W&LT。標新立異愛打扮的大一新生馬上買了件一隻袖子長、一隻袖子短的針織衫,卻因為這件針織衫讓我差點大一體
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
對於前端初學者來說,在切版時會出現很多規則、不規則的網頁區塊,這時候我們會嘗試用各種相對定位、絕對定位、margin 或是 padding 的方式來進行網頁區塊的推擠。
Thumbnail
BTS 與知名搖滾樂團 Coldplay 主唱 Chris Martin 的一場合作。這是一檔由 YouTube 所製播的節目「Released」- 一檔每週播出的音樂類型節目。
Thumbnail
漢字文化古代有一部以北宋時期 (約公元 960 年 ~ 公元 1127 年) 爲時代背景的著名小說《水滸傳》,但是當今「滸」字在現代的中文文化中幾乎已成罕用字,卻可能仍然以拼音文字的形式保存在 English 的 shore 一字中。......
Thumbnail
 Der Ursprung des Kunstwerkes Martin Heidegger 1950   林中路 林乃樹林的古名。林中有路。這些路多半突然斷絕在杳無人跡處。這些路叫做林中路。 每人各奔前程,但卻在同一林中。常常看來彷彿彼此相類。然而只是看起來彷彿如此而已。林業工和護林人識得這些路
《安全邊際》 作者:塞思.卡拉曼 Chapter 1. 投機者和失敗的投資者 投資與投機的對比 在閱讀本書之前,容易將投資者和投機者混淆,並且過於簡單的定義"價值投資",以為只要投資股票並長期持有就可能成為價值投資者,卻沒想到這可能落入尋找簡單投資獲利公式(聖杯)的迷思;當能夠明確分辨投資品會帶來現
Thumbnail
在拿到法國國家服裝藝術大獎的獎金後,Martin Margiela於1990年正式成立再生服裝工坊Artisanal。這個工坊將現有已經存在的衣服,像是跳蚤市場買來的衣服,經過分類和清洗,再創作成獨一無二的服裝。
Thumbnail
第一次注意到比利時服裝設計,是大一剛開學沒多久的時候,無意間在西門誠品一樓逛到當時剛引進台灣的W&LT。標新立異愛打扮的大一新生馬上買了件一隻袖子長、一隻袖子短的針織衫,卻因為這件針織衫讓我差點大一體