css3 背景
background-clip
規定背景的繪製區域。
background-origin
規定背景的定位區域。
background-size
規定背景的尺寸。
css3 漸變
css3 定義了兩種型別的漸變(gradients):
線性漸變(linear gradients)- 向下/向上/向左/向右/對角方向
background: linear-gradient(direction, color-stop1, color-stop2, ...);複製**
徑向漸變(radial gradients)- 由它們的中心定義
background: radial-gradient(center, shape size, start-color, ..., last-color);
background的cover和contain
contain和cover都是保持橫縱比,contain包含,有一邊正好,另一邊有空隙,
cover覆蓋,一邊正好,另一邊超出被剪裁。
background-size: width-value,height-value percentage(如果乙個值,另乙個為auto,保持橫縱比)
background的各種屬性
今天發現background存在很多屬性進行一下整理 背景尺寸 background size 50 50 背景原點 background origin content box 背景影象相對於內容框來定位。padding box 背景影象相對於內邊距框來定位 border box 背景影象相對於邊框...
background簡寫屬性
在css中有多個屬性用於設定背景樣式,其中 background color 設定背景顏色。background repeat 設定是否以及如何重複背景影象 background position 設定背景影象的起始位置 background attachment 設定背景影象是否固定或者隨著頁面的...
background相關屬性
background origin 規定 background position 屬性相對於容器的哪一部分來定位。padding box 背景影象相對於內邊距框來定位 預設 border box背景影象相對於邊框盒來定位 content box背景影象相對於內容框來定位。background pos...