CSS3背景屬性

2021-08-08 22:16:27 字數 741 閱讀 6025

background是乙個使用率很高的屬性,也是乙個非常有用的屬性。

背景主要包括5個基本屬性:

background-color(背景顏色)

background-image(背景)

background-repeat(背景展示方式)

background-attachment(背景是固定還是滾動)

background-position(背景位置)

這些屬性可單獨寫,也可將其串在一起使用。

1、background-color屬性

用來設定元素的背景色,預設值為」transparent」透明色。顏色格式如下:

顏色名:如「blue」;

rgb值:如rgb(255,0,0)或rgb(100%,0%,0%);

hls值:如hls(0,100%,50%);

十六進製制值:如#ff0000。

在css3中還可使用rgba值,如rgba(255,0,0,0,0.3)可使用hsla值,如hsla(0,100%,50%,0.5)。

2、background-image 屬性

background-image:none || url

用來設定元素的背景,預設值為」none」,url指背景的位址,這個位址可以是相對路徑,也可以是絕對路徑。

3、background-repeat 屬性

4、background-attachment 屬性

5、background-position 屬性

CSS3 背景屬性

lang en charset utf 8 背景顏色title type text css divstyle head 背景顏色div body html lang en charset utf 8 背景title type text css divstyle head 背景div body htm...

CSS3 背景 background 屬性

background color 顏色值 預設的值是 transparent 透明色 background image none url url 引數 作用none 無背景圖 預設的 url使用絕對或相對位址指定背景影象 background repe repeat no repeat repeat...

CSS3新增背景屬性

css新增了一些背景屬性,如下 background clip background origin background size background clip設定背景覆蓋範圍,它的屬性值有以下3種 以下是其顯示區域的具體劃分可以參考css盒模型。charset utf 8 background ...