怎么在css里面設置背景圖片?用background-image屬性


怎么在css里面設置背景圖片?用background-image屬性,用英文小寫符號:連接background-image屬性的值即可,寫法如下:

background-image:url();

background-image屬性為元素設置背景圖像,元素的背景占據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。

默認情況下,背景圖像位于元素的左上角,并在水平和垂直方向上重復。

當你需要修改背景圖片的時候,只需要修改這個【】即可,background-image屬性的值一般使用url,也就是圖片的地址來指定背景圖片,舉例如下:

body {background-image:url(rule.jpg);}

范如樂這里給body元素設置了一張圖片名稱為rule.jpg的背景圖片,存放的位置是根目錄,如果這張圖片你存放在其它位置,要加上/文件夾名稱/rule.jpg

如果是多個文件夾,寫法以此類推:/文件夾名稱/文件夾名稱/rule.jpg

效果如圖:

用background-image屬性設置背景圖片圖示

但是背景圖片默認的顯示方式并不好看,下一節,我們學習用css控制背景圖片的顯示方式,詳情點擊:《css背景圖片的平鋪方式怎么設置?用background-repeat屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8061.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: