本篇文章給大家?guī)韮?nèi)容是通過代碼示例介紹使用css+js實(shí)現(xiàn)圖片的旋轉(zhuǎn)展示，制作一個(gè)手動(dòng)操作的“無限”照片輪播圖有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你們有所幫助下面我們就開始介紹如何實(shí)現(xiàn)效果1構(gòu)建。

通過cssbackgroundimage語句設(shè)置背景backgroundimage 屬性會(huì)在元素的背景中設(shè)置一個(gè)圖像根據(jù) backgroundrepeat 屬性的值，圖像可以無限平鋪沿著某個(gè)軸x 軸或 y 軸平鋪，或者根本不平鋪初始背景圖像原圖像。

回到html代碼頁面，在bgimg類里添加backgroundpositioncenter的樣式保存html代碼后重新刷新瀏覽器，這個(gè)時(shí)候會(huì)發(fā)現(xiàn)瀏覽器上的背景圖片已經(jīng)自動(dòng)居中了dw怎么添加背景1 9 打開DW，添加p標(biāo)簽，并設(shè)置類之后新建CSS樣式。

2在indexhtml中的標(biāo)簽中，新增樣式代碼backgroundimageurlimagejpgbackgroundsize100%3瀏覽器運(yùn)行indexhtml頁面，此時(shí)body的背景圖片整個(gè)覆蓋了頁面，沒有白框DW如何改變背景顏色1打開電腦桌面上的。

1插入背景圖片有兩種方法，一種是用html的img標(biāo)簽，另一種是利用css的background標(biāo)簽插入具體操作是首先新建一個(gè)html文件，寫入兩個(gè)div，分別用來演示兩種方法插入標(biāo)簽2首先是用html標(biāo)簽插入圖片，這里直接在img標(biāo)簽中。

1給body設(shè)置一個(gè)背景圖片，不重復(fù)居中顯示保持圖片的原有大小，簡(jiǎn)單的代碼示例如下body background urlieg_bg_03gif norepeat fixed center 2運(yùn)行的效果如下。