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

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

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

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

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

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