Html如何控制图片大小
本文主要介绍Html如何控制图片大小,由于Html引入图片的方式有两种,所以本文主要分两个模块进行举例讲解:1通过<img>标签引入图片,2通过css样式引入图片。
工具/原料
Chrome
NotePad++
一、准备工作
1、新建一个文件夹example,在文件夹下准备以下四个文件,其中Penguins.jpg图片的原始尺寸为1024*768

2、img_img.html及div_img.html的内容分别如下图所示


1、通过css引入的图片,可以通过background-szie属性调整图片大小,background-size的语法如下,可以通过length,percentage,cover及contain四个之中的任一个来调整整改尺寸。


