您好,登錄后才能下訂單哦!
這篇文章主要介紹了css中設置背景圖像的方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
在css中,可以使用background或者background-image屬性來設置背景圖像,具體語法格式為“background-image:url('圖片url');”或“background:url('圖片url');”。
在css中,可以使用background或者background-image屬性來設置背景圖像。
background-image 屬性設置一個元素的背景圖像。語法格式如下:
background-image:url('URL');
而background屬性是一個簡寫屬性,以在一個聲明中設置所有的背景屬性。可以設置的屬性分別是:
background-color:指定要使用的背景顏色
background-position:指定背景圖像的位置
background-size:指定背景圖片的大小
background-repeat:指定如何重復背景圖像
background-origin:指定背景圖像的定位區域
background-clip:指定背景圖像的繪畫區域
background-attachment:設置背景圖像是否固定或者隨著頁面的其余部分滾動。
background-image:指定要使用的一個或多個背景圖像
示例:設置背景圖像
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> body { background-image:url('paper.gif'); background-color:#cccccc; /*background:#cccccc url('paper.gif');*/ } </style> </head> <body> <h2>Hello World!</h2> </body> </html>
效果圖:
感謝你能夠認真閱讀完這篇文章,希望小編分享的“css中設置背景圖像的方法”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。