網(wǎng)頁設(shè)計圖片大全 html頁面里面如何實(shí)現(xiàn)點(diǎn)擊小圖放大查看大圖？
html頁面里面如何實(shí)現(xiàn)點(diǎn)擊小圖放大查看大圖？需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。 1、首先，打開html編輯器，新建html文件，例如：index.html。 2、在index
html頁面里面如何實(shí)現(xiàn)點(diǎn)擊小圖放大查看大圖？
需要準(zhǔn)備的材料分別有：電腦、瀏覽器、html編輯器。
1、首先，打開html編輯器，新建html文件，例如：index.html。
2、在index.html中的<style>標(biāo)簽中，輸入css代碼： div{width:72pxheight:72pxbackground:url(small3.png)no-repeatoverflow:hidden}
3、瀏覽器運(yùn)行index.html頁面，此時成功將矩形圖片只顯示了正方形部分。
4、點(diǎn)擊小圖后，成功顯示了大圖。