css中設定背景圖的方法是,利用background-image屬性來實現,如【background-image:url();】。元素的背景會佔據元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。
本文操作環境:windows10系統、css 3、thinkpad t480電腦。
在CSS中我們可以使用background-image 屬性來為元素設定背景圖片。元素的背景佔據了元素的全部尺寸,包括內邊距和邊框,但不包括外邊距。
預設地,背景圖像位於元素的左上角,並在水平和垂直方向上重複。
舉例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> <style> body { background-image:url('https://xxx.com/images/mix/paper.gif'); background-color:#cccccc; } </style> </head> <body> <h1>Hello World!</h1> </body> </html>
相關學習影片分享:css影片教學
以上是css中怎麼設定背景圖的詳細內容。更多資訊請關注PHP中文網其他相關文章!