html+css html页面里面如何实现点击小图放大查看大图?
浏览量:2612
时间:2021-03-16 02:34:35
作者:admin
html页面里面如何实现点击小图放大查看大图?
准备的材料有:电脑、浏览器和HTML编辑器。
1. 首先,打开HTML编辑器并创建一个新的HTML文件索引.html.
2. 在索引.html在<style>选项卡中,输入CSS代码:Div{宽:72px高:72像素背景:url(small3.png)无重复toverflow:隐藏}
3. 浏览器正在运行索引.html页面上,此时成功的矩形图像只显示正方形部分。
4. 单击小图像后,成功显示大图像。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。