關(guān)于在HTML網(wǎng)頁(yè)制作中如何添加背景圖片
更新時(shí)間：2023年04月12日 10:30:34 作者：朦朧的雨夢(mèng)
這篇文章主要介紹了關(guān)于在網(wǎng)頁(yè)制作中如何添加背景圖片,我們通常使用background來(lái)添加網(wǎng)頁(yè)的背景圖,需要的朋友可以參考下
我們通常使用background來(lái)添加網(wǎng)頁(yè)的背景圖
效果圖:
background-image:url(圖片地址) ; 這個(gè)是定義背景圖片，但是注意，url可以是一個(gè)網(wǎng)頁(yè)圖片的鏈接地址，也可以是本機(jī)保存的圖片，但是對(duì)于本機(jī)保存的圖片，這里是一定一定要注意是url中的圖片路徑是以該CSS文件為參照對(duì)象，簡(jiǎn)單做法，可以直接將圖片放置在和css文件相同的文件夾里，就可以直接引用url(圖片名稱.jpg即可)
放置方法示例:
代碼引用:
其他的簡(jiǎn)單用法介紹:
background-repeat: no-repeat; 這個(gè)是定義背景圖片不重復(fù)；
background-position: center; 這個(gè)是定義背景居中；
background-attachment: fixed; 定義背景圖片的滾動(dòng)。
到此這篇關(guān)于關(guān)于在網(wǎng)頁(yè)制作中如何添加背景圖片的文章就介紹到這了,更多相關(guān)網(wǎng)頁(yè)添加背景圖片內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
一段巧妙的css debug代碼...2006-09-09
對(duì)display:inline;與float:left;的認(rèn)識(shí)
對(duì)display:inline;與float:left;的認(rèn)識(shí)...2006-09-09
CSS之自動(dòng)換行...2006-09-09
用CSS動(dòng)態(tài)控制文本屬性...2006-09-09
典型的三行二列居中高度自適應(yīng)布局...2006-08-08
純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容
這篇文章主要介紹了純CSS實(shí)現(xiàn)鼠標(biāo)放上去改變文字內(nèi)容,需要的朋友可以參考下2014-05-05
DIV+CSS不一定符合標(biāo)準(zhǔn)...2006-09-09
學(xué)習(xí)CSS的10大理由...2006-09-09
w3c技術(shù)架構(gòu)介紹...2006-09-09
本文將介紹一種CSS配合SVG濾鏡實(shí)現(xiàn)各種不規(guī)則圖形添加邊框的小技巧，感興趣的同學(xué)，可以參考下。2021-05-05