HTML 是一種標(biāo)記語言,它可以用來構(gòu)建網(wǎng)頁和應(yīng)用程序。其中,設(shè)置背景圖片是網(wǎng)頁開發(fā)中常見的需求之一。通過下面的代碼,我們可以輕松地實現(xiàn)將圖片作為頁面的背景。 使用“background-image”屬性來設(shè)置背景圖片,設(shè)置方式如下:
body { background-image: url("圖片路徑"); }需要指定圖片的路徑,以便瀏覽器可以找到該圖片。如果圖片與網(wǎng)頁在一個目錄下,只需要寫圖片名即可。如果圖片在其他目錄下,需要寫上完整路徑。 同時,我們還可以使用“background-size”屬性來控制背景圖片的大小,其值可以為“auto”、“cover”、“contain”或具體的尺寸值。 例如,讓背景圖片充滿整個頁面,代碼如下:
body { background-image: url("圖片路徑"); background-size: cover; }
下一篇css3 勻速縮放