使用CSS修改圖片的大小，可以很容易地調(diào)整網(wǎng)頁的布局和視覺效果。下面是一些示例代碼，可以幫助你快速地調(diào)整圖片的大小。 首先，我們需要在HTML文件中添加一個(gè)img標(biāo)簽來顯示圖片。例如：

這是一個(gè)漂亮的圖片：

<img src="image.jpg" alt="漂亮的圖片">

然后，在CSS文件中，我們可以使用width和height屬性來修改圖片的大小。例如：

將圖片寬度設(shè)置為50%：

img {
width: 50%;
}

將圖片高度設(shè)置為200像素：

img {
height: 200px;
}

同時(shí)設(shè)置圖片的寬度和高度：

img {
width: 50%;
height: 200px;
}

如果想保持圖片的比例不變，可以只設(shè)置其中一個(gè)屬性，讓瀏覽器自動(dòng)計(jì)算另一個(gè)屬性。例如：

img {
width: 50%;
/* 或者 */
height: 200px;
}

也可以使用max-width和max-height屬性來保持圖片比例不變，但限制其最大值。例如：

img {
max-width: 100%;
max-height: 300px;
}

通過以上代碼的設(shè)置，可以靈活地控制圖片的大小，從而優(yōu)化網(wǎng)頁的顯示效果。