首頁 >web前端 >css教學 >網頁中css background背景圖和背景顏色的設定方法

網頁中css background背景圖和背景顏色的設定方法

零下一度
零下一度原創
2017-06-06 11:45:196791瀏覽

CSS 背景這裡指透過CSS對物件設定背景屬性,如網頁中透過CSS設定背景各種樣式。

Css background背景作用:設定純色背景。背景background可以設定物件純色的背景顏色,設定圖為背景。可以設定物件背景為圖片,如果背景是圖片可以讓圖片重複平鋪橫鋪,或將圖片作為物件背景固定在物件任何位置。

1. css背景的一些小常識

如何設定標籤的背景顏色
在css中有一個background-color:屬性,就是專門用來設定背景顏色的
取值:
具體的單字
rgb
rgba

十六進位

2. css背景圖根據螢幕大小自動縮放

網頁中css background背景圖和背景顏色的設定方法

以上就是css背景圖依照螢幕大小自動縮放,文章用簡短的10幾行程式碼就做出來這個效果,沒有想像中的那麼複雜,有興趣的朋友可以點進來看一下

3. css背景有關的屬性詳細介紹

印像中css控制背景的就一個background,但是background是一個複合屬性

它包含:

background-color:背景顏色,css支援的顏色表示方法,都可以用

background-image:背景圖片( url)

background-repeat:背景是否重複(repeat、no-repeat、repeat-x、repeat-y)

background-position:背景定位(關鍵字、百分比、像素)

background-size:背景大小

background-origin:背景的定位區域

background-clip:背景繪製區域

background-attachment:規定背景圖像是否固定或隨著頁面的其餘部分滾動

4. 詳解使用CSS背景圖坐標定位詳解及負數技巧

網頁中css background背景圖和背景顏色的設定方法

CSS背景圖像定位在佈局過程中特別是背景圖比較多的時候運用的比較廣泛一些,在本文為大家詳細介紹下有關背景圖定位的知識及為什麼會有負數,感興趣的朋友可以參考下

5. css背景固定樣式background-attachment屬性基礎介紹

在CSS中,使用背景附件屬性background-attachment可以設定背景圖像是隨物件捲動還是固定不動。
語法:

background-attachment:scroll/fixed;

6. 你不知道的CSS背景—css背景屬性全解

網頁中css background背景圖和背景顏色的設定方法

CSS背景在網頁設計中使用頻率非常高,然而對於這個開發人員很熟悉的CSS屬性,卻隱藏著許多不為初級開發人員熟知的細節,這篇文章嘗試扒開這層不為人知的面紗。

7. DIV+CSS背景一張整圖(css sprites)

以前看到很多大型網站,整個網站的背景圖片,是同一張圖片,下載他的背景圖片,看到一張圖片上有很多小圖示。

也就是國外很流行的css sprites,目前國內也有很多網站這樣用。

這次在寫CSS+DIV時,也這樣寫了個整站,感覺雖然做網站的整站慢,但在網站的佔用資源上,的確省了不少

8. div+css背景漸層程式碼範例

用CSS讓DIV背景色彩漸層,適用於IE和Chrome等瀏覽器。

相關問答:

1.  css3 - css背景圖片高度百分百,寬度維持比例怎麼做?

2. css3 - css背景自適應問題

3. css3 - 如何將網頁CSS背景圖高斯模糊且全螢幕顯示

【相關推薦】.

1. CSS3中關於新增背景系列background的詳解

2. css使用background -position屬性來完成雪碧圖的程式碼詳解

以上是網頁中css background背景圖和背景顏色的設定方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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