网页设计图 html页面里面如何实现点击小图放大查看大图？

html页面里面如何实现点击小图放大查看大图？

准备的材料有：电脑、浏览器和HTML编辑器。

1. 首先，打开HTML编辑器并创建一个新的HTML文件索引.html.

2. 在索引.html在<style>选项卡中，输入CSS代码：Div{宽：72px高：72像素背景：url（small3.png）无重复toverflow:隐藏}

3. 浏览器正在运行索引.html页面上，此时成功的矩形图像只显示正方形部分。

4. 单击小图像后，成功显示大图像。

网页设计图 名图 简单网页设计图片

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。