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頁面，此時(shí)成功將矩形圖片只顯示了正方形部分。

4、點(diǎn)擊小圖后，成功顯示了大圖。