css图片的宽高 |css特效 鼠标波纹

img{
width: 200px;  //设置图片宽度
height: 300px; //设置图片高度
}

如上代码所示，使用CSS设置图片的宽度和高度是非常容易的。可以使用width和height属性来控制图片的大小。这里需要注意的是，如果只设置了width或只设置了height属性，那么图片将会按照设置的属性进行缩放。另外，如果同时设置了width和height属性，图片的比例也会发生变化。

此外，还可以使用max-width和max-height属性来设置图片的最大宽度和最大高度。如果图片的原始大小超过了这个限制，图片则会按比例进行缩小，保持图片原有的比例。如下代码所示：

img{
max-width: 100%;   //设置图片最大宽度为100%
max-height: 100%;  //设置图片最大高度为100%
}

最后需要提醒的是，图片的大小对网页的加载速度有很大的影响。因此，在设置图片大小时，需要考虑到图片的实际大小和显示效果，以兼顾网页速度和美观度。