圓角效果 border-radius 單位:px 和%

陰影 box-shadow box-shadow: h-shadow v-shadow blur spread color inset; 常用四屬性：X軸偏移量 Y軸偏移量 [陰影模糊半徑] [陰影顏色]; 投影方式：inset，預設為外陰影。

為邊框應用圖片 border-image background:url(xx.jpg) 10px 20px no-repeat;

RGBA：color：rgba(R,G,B,A)；

漸變顏色： 線性漸變（Linear Gradients）- 向下/向上/向左/向右/對角方向 徑向漸變（Radial Gradients）- 由它們的中心定義 第一個引數省略時，預設為“180deg”，等同於“to bottom” 第二個和第三個引數，表示顏色的起始點和結束點，可以有多個顏色值。

opacity，不透明度 opacity: value；

文字與字型text-overflow 與 word-wrap text-overflow 用來設定是否使用一個省略標記（…）標示物件內文字的溢位。

文字陰影text-shadow Text-shadow:X-offset Y-offset blur color; 類似於box-shadow

background-origin： background-origin ： border-box | padding-box | content-box; 從邊框，還是內邊距（預設值），或者是內容區域開始顯示 背景需要設定no-repeat屬性

background-clip：用來將背景圖片做適當的裁剪以適應實際需要。

background-size：設定背景圖片的大小，以長度值或百分比顯示，還可以通過cover和contain來對圖片進行伸縮。 background-size: auto | <長度值> | <百分比> | cover | contain

組合式寫法 background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...

1. 用逗號隔開每組 background 的縮寫值；
2. 如果有 size 值，需要緊跟 position 並且用 “/” 隔開；
3. 如果有多個背景圖片，而其他屬性只有一個（例如 background-repeat 只有一個），表明所有背景圖片應用該屬性值。
4. background-color 只能設定一個。