需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:
div {width: 72pxheight: 72pxbackground: url(small3.png) no-repeatoverflow: hidden}
3、浏览器运行index.html页面,此时成功将矩形图片只显示了正方形部分。
4、点击小图后,成功显示了大图。
网页放大缩小化页面的快捷键是Ctrl+鼠标滚轮。
1、电脑打开一个浏览器,然后进入网页浏览。
2、打开浏览的网页后,按住Ctrl键不放,滚动鼠标滚轮,往后滚就是缩小页面。
3、按住Ctrl键不放,继续往前滚动管轮就是放大页面。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)