html调整图片大小
3个回答
2020-12-15 · 百度认证:云南新华电脑职业培训学校官方账号
云南新华电脑学校
云南新华电脑学校是经云南省教育厅批准成立的省（部）级重点计算机专业学校，采用三元化管理模式，教学设备先进，师资雄厚学生毕业即就业，学院引进了电商企业入驻，创建心为电商创业园区，实现在校即创业
向TA提问
关注
![]()
展开全部
设置图片的宽度高度，只有一张图片的设置
<img src="img/s12_01.jpg" style="width:100px; height:100px;" />
多张图片使用样式控制
<img src="img/s12_01.jpg" class="img_style" />
<style>
.img_style{width:100px; height:100px;}
</style>
<img src="img/s12_01.jpg" style="width:100px; height:100px;" />
多张图片使用样式控制
<img src="img/s12_01.jpg" class="img_style" />
<style>
.img_style{width:100px; height:100px;}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
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后，图片会根据具体宽度等比例调整高度，图片不会变形。
2、将length设置为500pxauto；同时添加background-repeat属性，其值为no-repeat。注意：如果不加background-repeat：no-repeat属性，则图像会重复显示。
3、将percentage设置为50%auto。注意：高度设置为auto后，图片会根据具体宽度等比例调整高度，图片不会变形。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
网页制作越来越广泛，有时候会放一些图片到
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页面中来
美化页面，但是图片的尺寸不是很合适，所以就需要对它进行设置，使得图片适应网页了。
开启分步阅读模式
工具材料：
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
最后在浏览器中预览一下，这里只是部分背景。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
