CSS是網(wǎng)頁設(shè)計(jì)中使用頻率極高的一種技術(shù)，可以非常靈活地控制HTML中各個(gè)元素的樣式。其中，CSS可以控制圖片按照不同的尺寸進(jìn)行顯示，非常達(dá)到美學(xué)效果。

// 對(duì)于img標(biāo)簽，使用CSS可以輕松控制圖片的尺寸
img {
width: 100px;  // 指定寬度為100像素
height: auto;  // 高度根據(jù)寬度自動(dòng)計(jì)算，保持比例不變
}
// 也可以直接指定高度
img {
width: auto;
height: 200px;  // 指定高度為200像素，寬度自動(dòng)計(jì)算
}

還可以使用CSS中的background屬性來控制圖片的顯示。它可以讓圖片設(shè)置為背景圖，從而實(shí)現(xiàn)更加精細(xì)的尺寸控制和樣式設(shè)計(jì)。

// 使用background-image屬性，將圖片作為背景
div {
background-image: url('image.jpg');  // 圖片URL
background-repeat: no-repeat;  // 不重復(fù)
background-size: cover;  // 覆蓋整個(gè)區(qū)域，保持比例
}
// 也可以使用background-size屬性控制顯示尺寸
div {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: contain;  // 顯示完整圖片，保持比例
}

CSS的圖片按尺寸顯示功能非常強(qiáng)大，可以讓設(shè)計(jì)者根據(jù)需要的風(fēng)格隨意控制圖片的顯示方式，讓網(wǎng)頁的設(shè)計(jì)更加美觀、協(xié)調(diào)。