如何使用css把图片缩小
这篇文章主要介绍“如何使用css把图片缩小”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“如何使用css把图片缩小”文章能帮助大家解决问题。
给图片的img标签设置width或者height的任意一个，图片会自动等比例缩放。我们可以设置这两个属性值小于原图片大小使图片缩小。
示例代码：
<html><head><styletype="text/css">.div1{width:300px;height:200px;border:solid1pxred}.div1img{width:50%;}</style></head><body><divclass="div1"><imgsrc="1.jpg"/></div><imgsrc="1.jpg"/></body></html>效果图：
width 属性：
width 属性设置元素的宽度。
说明
这个属性定义元素内容区的宽度，在内容区外面可以增加内边距、边框和外边距。
行内非替换元素会忽略这个属性。
属性值：
auto 默认值。浏览器可计算出实际的宽度。
length 使用 px、cm 等单位定义宽度。
% 定义基于包含块（父元素）宽度的百分比宽度。
inherit 规定应该从父元素继承 width 属性的值。
css的全称是什么
css的全称是Cascading Style Sheets（层叠样式表），它是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
关于“如何使用css把图片缩小”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注主机评测网行业资讯频道，小编每天都会为大家更新不同的知识点。
上一篇：css如何实现轮播图效果
下一篇：vue页面渲染是异步的吗
声卡驱动正常但是没有声音如何办？声卡驱动正常没声音的解决方法
英伟达显卡驱动如何退回到原来版本？英伟达显卡驱动退回到原来版
重装系统，电脑只有一个C盘如何创建分区
Defender提示错误应用程序MsMpEng.exe无法启动
电脑无法启动或仍在加载如何办？电脑无法启动或仍在加载的解决方
打印机驱动如何卸载删除？卸载打印机驱动干净的教程
电脑没网如何安装网卡驱动？教你没网如何安装网卡驱动的方法
系统32位和62位如何选择：详解它们之间的差异
电脑文件删不掉如何办？四种方法解决
任务管理器快捷键有哪些？任务管理器快捷键大全