關(guān)于在HTML網(wǎng)頁制作中如何添加背景圖片
更新時(shí)間：2023年04月12日 10:30:34 作者：朦朧的雨夢
這篇文章主要介紹了關(guān)于在網(wǎng)頁制作中如何添加背景圖片,我們通常使用background來添加網(wǎng)頁的背景圖,需要的朋友可以參考下
我們通常使用background來添加網(wǎng)頁的背景圖
效果圖:
background-image:url(圖片地址) ; 這個(gè)是定義背景圖片，但是注意，url可以是一個(gè)網(wǎng)頁圖片的鏈接地址，也可以是本機(jī)保存的圖片，但是對于本機(jī)保存的圖片，這里是一定一定要注意是url中的圖片路徑是以該CSS文件為參照對象，簡單做法，可以直接將圖片放置在和css文件相同的文件夾里，就可以直接引用url(圖片名稱.jpg即可)
放置方法示例:
代碼引用:
其他的簡單用法介紹:
background-repeat: no-repeat; 這個(gè)是定義背景圖片不重復(fù)；
background-position: center; 這個(gè)是定義背景居中；
background-attachment: fixed; 定義背景圖片的滾動(dòng)。
到此這篇關(guān)于關(guān)于在網(wǎng)頁制作中如何添加背景圖片的文章就介紹到這了,更多相關(guān)網(wǎng)頁添加背景圖片內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在默認(rèn)情況下，F(xiàn)F和IE的解釋標(biāo)準(zhǔn)是不一樣的，也就是說，如果一個(gè)網(wǎng)頁沒有聲明DOCTYPE，它就會(huì)以默認(rèn)的DOCTYPE解釋下面的HTML。在同 一種標(biāo)準(zhǔn)下，不同瀏覽器的解釋模型都有所差異，2014-05-05
兼容各個(gè)瀏覽器的技巧...2006-09-09
本文將介紹一種CSS配合SVG濾鏡實(shí)現(xiàn)各種不規(guī)則圖形添加邊框的小技巧，感興趣的同學(xué)，可以參考下。2021-05-05
_blank開新窗口不符合標(biāo)準(zhǔn)?...2006-08-08
HTML中的數(shù)據(jù)綁定...2006-09-09
網(wǎng)頁使用Google Font API（字體）的方法
本文介紹在網(wǎng)頁中如何使用Google Font API（字體）的方法2013-11-11
怎么改善現(xiàn)有網(wǎng)站...2006-08-08
CSS hack瀏覽器兼容一覽表...2006-08-08
用js控制css的不錯(cuò)的方法...2006-09-09
用!important解決IE和Mozilla的布局差別...2006-08-08