background的各種屬性

2021-10-03 12:04:07 字數 1328 閱讀 6920

今天發現background存在很多屬性進行一下整理

背景尺寸

background-size

//50% 50%

背景原點

background-origin

//content-box 背景影象相對於內容框來定位。

//padding-box 背景影象相對於內邊距框來定位

//border-box 背景影象相對於邊框盒來定位。

背景裁剪

background-clip

//content-box 背景被裁剪到內容框。

//padding-box 背景被裁剪到內邊距框。

//border-box 背景被裁剪到邊框盒。

背景顏色漸變

//線性漸變

background: linear-

gradient

(漸變方向, 起始顏色 百分比, 終止顏色 百分比,)

(漸變半徑 中心點位置, 起始顏色,終止顏色)

background少見的屬性

css3 背景 background clip 規定背景的繪製區域。background origin 規定背景的定位區域。background size 規定背景的尺寸。css3 漸變 css3 定義了兩種型別的漸變 gradients 線性漸變 linear gradients 向下 向上 向左...

background簡寫屬性

在css中有多個屬性用於設定背景樣式,其中 background color 設定背景顏色。background repeat 設定是否以及如何重複背景影象 background position 設定背景影象的起始位置 background attachment 設定背景影象是否固定或者隨著頁面的...

background相關屬性

background origin 規定 background position 屬性相對於容器的哪一部分來定位。padding box 背景影象相對於內邊距框來定位 預設 border box背景影象相對於邊框盒來定位 content box背景影象相對於內容框來定位。background pos...