css background之設置圖片爲背景技巧

css background之設置圖片爲背景技巧-css 背景

Background是什麼意思,翻譯過來有背景意思。同樣在css裏面作爲css屬性一成員同樣是有背景意思,並且是設置背景圖片、背景顏色、背景圖片截取等樣式。

首先先來看看background有那些值(可進入CSS手冊background詳細瞭解)

可以按順序設置如下屬性(可點擊進入相應的css手冊查看使用):
background-color 背景顏色
background-p_w_picpath 背景圖片
background-repeat 背景重複
background-p_w_upload 背景圖片是固定還是滾動
background-position 背景圖片的定位

接下來我們重點來講解css background通常的使用方法
首先我們來看下面一段代碼
background:url(bgimg.gif) no-repeat 5px 5px;
如下圖解釋

1_100324090828_1.png
從圖上的CSS background解析圖我們可以詳細瞭解到background的css屬性使用方法。

background:url(bgimg.gif) no-repeat 5px 5px;這樣的css背景表達可以節約和優化css文件代碼。
學習者可以使用和測試更改background各個屬性來了解和掌握關於css background


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章