html调整图片大小
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html调整图片大小相关的知识，希望对你有一定的参考价值。
设置图片的宽度高度，只有一张图片的设置<img src="img/s12_01.jpg" style="width:100px; height:100px;" />
多张图片使用样式控制
<img src="img/s12_01.jpg" class="img_style" />
<style>
.img_stylewidth:100px; height:100px;
</style> 参考技术A 1、通过css引入的图片，可以通过background-szie属性调整图片大小，background-size的语法如下，可以通过length,percentage,cover及contain四个之中的任一个来调整整改尺寸。
2、将length设置为500pxauto；同时添加background-repeat属性，其值为no-repeat。注意：如果不加background-repeat：no-repeat属性，则图像会重复显示。
3、将percentage设置为50%auto。注意：高度设置为auto后，图片会根据具体宽度等比例调整高度，图片不会变形。 参考技术B 网页制作越来越广泛，有时候会放一些图片到
html页面中来
美化页面，但是图片的尺寸不是很合适，所以就需要对它进行设置，使得图片适应网页了。
开启分步阅读模式
工具材料：
Hbuilder
电脑
操作方法
01
其实大多数的HTML编辑器操作都是一样的，今天我就以Hbuilder来讲解，首先新建一个HTML页面，这里命名为“new_file.html”。
02
接着给标签设置背景图片，这里小编设置的是<body>标签。
03
接着新建一个css文件，如图，小编命名为“1.css”。
04
这里给body标签设置background-size属性，如果你的标签是div就写div，然后可以设置宽度和高度。
05
如图所示，在new_file.html里面写上这个：<link href="css/1.css" type="text/css" rel="stylesheet"/>就可以设置背景图片的大小了。
06
最后在浏览器中预览一下，这里只是部分背景。
以上是关于html调整图片大小的主要内容，如果未能解决你的问题，请参考以下文章