2016 - 2024

感恩一路有你

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. 单击小图像后,成功显示大图像。

html+css css图片自适应div大小 css怎么用

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