Posted on | by liu
CSS是一种用于网页样式设计的语言，它可以控制页面中各个元素的样式，包括图片。在网页设计中，大家常常需要对图片设定大小，这样才能使页面布局更加美观，用户体验更加舒适。那么，如何使用CSS给图片设定大小呢？下面就来介绍一下。
首先，在HTML代码中，大家可以通过`img`标签插入一张图片。例如以下代码：
<img src="image.png" alt="图片">
这段代码将插入一张名为`image.png`的图片，并添加了一个`alt`属性，用于在图片无法显示时显示一段替代文本。
接下来，大家就可以使用CSS控制图片的大小。具体有以下两种方式：
1. 使用`height`和`width`属性
这两个属性可以用于设置图片的高度和宽度。例如以下代码将把图片的宽度设定为200像素，高度自动跟随宽度等比例缩放：
img {
width: 200px;
}或者以下代码将把图片的高度设定为200像素，宽度自动跟随高度等比例缩放：
img {
height: 200px;
}2. 使用`max-height`和`max-width`属性
这两个属性可以用于限制图片的最大高度和最大宽度。例如以下代码将把图片的最大宽度设定为200像素，高度自动跟随宽度等比例缩放：
img {
max-width: 200px;
}或者以下代码将把图片的最大高度设定为200像素，宽度自动跟随高度等比例缩放：
img {
max-height: 200px;
}总结一下，使用CSS给图片设定大小有两种方式：一种是使用`height`和`width`属性直接设置图片的高度和宽度；另一种是使用`max-height`和`max-width`属性限制图片的最大高度和宽度。无论哪种方式，都可以使大家的网页设计更加完美、用户体验更加舒适。