在CSS中，我們可以使用多種屬性來修改圖片的大小和位置，以下是一些常見的CSS屬性及其用法：

1、寬度和高度：

width：定義元素的寬度。

height：定義元素的高度。

要將圖片寬度設(shè)置為300像素，高度為200像素，可以使用以下CSS代碼：

```css

img {

width: 300px;

height: 200px;

}

```

2、位置：

position：定義元素的定位類型（如static、relative、absolute等）。

top、right、bottom、left：定義元素相對于其定位上下文（如父元素或屏幕）的位置。

要將圖片定位在距離頁面右側(cè)300像素、距離頁面底部200像素的位置，可以使用以下CSS代碼：

```css

img {

position: absolute;

right: 300px;

bottom: 200px;

}

```

3、響應(yīng)式圖片：

max-width：定義圖片的***大寬度。

height：定義圖片的高度。

要使圖片在屏幕寬度小于600像素時高度為100像素，可以使用以下CSS代碼：

```css

@media (max-width: 600px) {

img {

max-width: 100%;

height: 100px;

}

}

```

4、圖片縮放：

transform：定義元素的變換，如縮放、旋轉(zhuǎn)等。

scale()：定義元素的縮放比例。

要將圖片放大2倍，可以使用以下CSS代碼：

```css

img {

transform: scale(2);

}

```

5、圖片裁剪：

object-fit：定義圖片在容器中的填充方式（如contain、cover等）。

object-position：定義圖片在容器中的位置。

要使圖片保持原始縱橫比并填充整個容器，可以使用以下CSS代碼：

```css

img {

object-fit: contain;

object-position: center;

}

```

這些屬性可以幫助我們***地控制圖片的大小、位置和顯示效果，通過結(jié)合使用這些屬性，我們可以創(chuàng)建出視覺上吸引人的網(wǎng)頁布局。