首頁 >web前端 >css教學 >CSS中background什麼意思? background用法詳解

CSS中background什麼意思? background用法詳解

云罗郡主
云罗郡主原創
2018-12-01 10:17:329776瀏覽

在css中,background是一個比較常用的樣式,但是很多人不知道background怎麼用,下面我們來講解一下cssbackground屬性怎麼用。

CSS中background什麼意思? background用法詳解一:CSS中background什麼意思?

background屬性是在一個聲明中,可以設定所有的背景顏色,主要有五個背景顏色,一般我們在使用這個屬性的時候,不去單獨使用,因為background屬性在舊版本的瀏覽器中,也是可以使用的。

二:background的屬性參數:

1.background-color:可以設定指定背景的顏色,也可以使用rgb表示。

2.background-image:圖片的背景顏色,只能對url有效

3.background-repeat:對背景影像進行平鋪設定。

CSS中background什麼意思? background用法詳解

瀏覽器是否支援。

很多瀏覽器都是可以background的,但有些版本是不支援一個元素同時有多個背景。

三:background用法詳解

1.背景色語法

background-color: blue;

background也可以把背景色設定成透明的,只要把屬性換成transparent即可。

2.背景圖語法

background-image:url(php.jpg);

3.背景平鋪語法:

background-repeat: repeat;

表示背景在水平方向上和垂直方向進行平鋪

4.背景定位語法

background-position: 0 0

對圖片進行上下左右的設置,從而實現圖片的位置。

CSS中background什麼意思? background用法詳解

以上就是CSS中background什麼意思? background用法詳解的全部介紹,如果你想了解更多有關CSS3教程,請關注php中文網。


以上是CSS中background什麼意思? background用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn