網(wǎng)頁設(shè)計圖 html頁面里面如何實現(xiàn)點擊小圖放大查看大圖?
html頁面里面如何實現(xiàn)點擊小圖放大查看大圖?準備的材料有:電腦、瀏覽器和HTML編輯器。1. 首先,打開HTML編輯器并創(chuàng)建一個新的HTML文件索引.html. 2. 在索引.html在<sty
html頁面里面如何實現(xiàn)點擊小圖放大查看大圖?
準備的材料有:電腦、瀏覽器和HTML編輯器。
1. 首先,打開HTML編輯器并創(chuàng)建一個新的HTML文件索引.html.
2. 在索引.html在<style>選項卡中,輸入CSS代碼:Div{寬:72px高:72像素背景:url(small3.png)無重復(fù)toverflow:隱藏}
3. 瀏覽器正在運行索引.html頁面上,此時成功的矩形圖像只顯示正方形部分。
4. 單擊小圖像后,成功顯示大圖像。