系列文章
Letter-spacing - 金魚都能懂的CSS必學屬性
letter-spacing 是一個控制字元間距的屬性，許多視覺設計師很喜歡做加大字距的視覺設計，這時就是letter-spacing上場發揮的時候了。 let...
Direction- 金魚都能懂的CSS必學屬性
direction 的規則 direction是控制inline物件排列的方向，其撰寫方式像是這樣 direction: ltr; direction的作用是...
Word-spacing - 金魚都能懂的CSS必學屬性
word-spacing 的規則 word-spacing 基本上僅需指定一個值，其撰寫方式像是這樣 word-spacing: block; word-sp...
Font- 金魚都能懂的CSS必學屬性
Font 的規則 font 是一個文字相關屬性的縮寫屬性，也是目前金魚都能懂的CSS必學屬性中第一個遇到的CSS縮寫屬性，font 可同時設定了包括文字樣式、小...
Background-color - 金魚都能懂的CSS必學屬性
Background-color 的規則 background-color基本上僅需指定一個值，其撰寫方式像是這樣 Background-color: red;...
Background-image 之一 - 金魚都能懂的CSS必學屬性
Background-image 的規則 background-image作用是設定背景圖片，其撰寫方式像是這樣 background-image: url(&...
Background-image 之二- 金魚都能懂的CSS必學屬性
前情提要，從上一篇我們了解到背景圖片的多個設定，以及可以設定多重背景之後，這一篇我們要來了解的是背景的漸層，如果還沒看過上一篇的朋友，建議先去看一下「backg...
Background-position- 金魚都能懂的CSS必學屬性
background-position 背景位置指的是背景圖片的位置而非色彩位置，所以切記！使用這個屬性時，請記得搭配 background-image 使用，...
Background-repeat- 金魚都能懂的CSS必學屬性
background-repeat主要用途是讓背景圖片可以重複拼接，好能夠在背景圖片小於容器尺寸時，利用拼接的方式鋪滿整個容器範圍，background-rep...
Background-size- 金魚都能懂的CSS必學屬性
background-size如字面所示，主要用途是設定背景圖片的尺寸，background-size可以使用數值或關鍵字設定，並可以設定一至兩個值，倘若是需要...