CSS圖片的寬高是指在網(wǎng)頁上展示圖片時(shí)的圖片大小。在網(wǎng)頁設(shè)計(jì)中，圖片的大小和比例往往決定了設(shè)計(jì)的效果。隨著互聯(lián)網(wǎng)的發(fā)展，圖片作為網(wǎng)頁設(shè)計(jì)中必不可少的一部分，尤其是在社交媒體、新聞網(wǎng)站等類型的網(wǎng)址中，起到了重要的作用。下面是CSS中設(shè)置圖片寬高的方法。

img{
width: 200px;  //設(shè)置圖片寬度
height: 300px; //設(shè)置圖片高度
}

如上代碼所示，使用CSS設(shè)置圖片的寬度和高度是非常容易的?？梢允褂脀idth和height屬性來控制圖片的大小。這里需要注意的是，如果只設(shè)置了width或只設(shè)置了height屬性，那么圖片將會(huì)按照設(shè)置的屬性進(jìn)行縮放。另外，如果同時(shí)設(shè)置了width和height屬性，圖片的比例也會(huì)發(fā)生變化。

此外，還可以使用max-width和max-height屬性來設(shè)置圖片的最大寬度和最大高度。如果圖片的原始大小超過了這個(gè)限制，圖片則會(huì)按比例進(jìn)行縮小，保持圖片原有的比例。如下代碼所示：

img{
max-width: 100%;   //設(shè)置圖片最大寬度為100%
max-height: 100%;  //設(shè)置圖片最大高度為100%
}

最后需要提醒的是，圖片的大小對網(wǎng)頁的加載速度有很大的影響。因此，在設(shè)置圖片大小時(shí)，需要考慮到圖片的實(shí)際大小和顯示效果，以兼顧網(wǎng)頁速度和美觀度。