本文摘自PHP中文网，作者青灯夜游，侵删。
在css中，可以使用width和height属性来设置图片大小；只需要给img图片元素设置“width:值;height:值;”样式即可。width和height属性可以设置元素内容区的宽度和高度，不包括填充、边框、或页边距。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在css中，可以使用width和height属性来设置图片大小。
示例：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.a{
width: 200px;
height: 200px;
}
.b{
width: 200px;
height: 100px;
}
</style>
</head>
<body>
<img src="img/1.jpg" alt="" class="a">
<img src="img/1.jpg" alt="" class="b">
</body>
</html>
|
效果图：
阅读剩余部分
相关阅读 >>
js怎么设置css实现隐藏
如何使用css实现背景图像透明
html中表格tr的td单元格怎么设置宽度属性
css怎么设置字体为楷体？
css用什么打开
css background-position属性怎么用
详解css contain新特性如何控制页面重绘与重排
css中grid布局和表格有什么区别
详解css3+svg滤镜实现不规则边框的方法
css设置table圆角边框不起作用是什么原因
更多相关阅读请进入《css》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » css中怎么设置图片大小
