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

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

云罗郡主
發布: 2018-12-01 10:17:32
原創
9760 人瀏覽過

在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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板