在CSS中，可以使用url()函數(shù)來添加圖片，以下是一個示例：

img {
  width: 200px;
  height: 200px;
  background-image: url('image.jpg');
}

在這個示例中，img元素被設置為一個200像素寬和高的圖片。url('image.jpg')指定了圖片的位置，注意，圖片路徑可以是相對路徑或***路徑。

圖片尺寸和位置

CSS提供了多種屬性來控制圖片的尺寸和位置：

width 和height：設置圖片的寬度和高度。

background-image：添加背景圖片。

background-position：設置背景圖片的位置。

background-repeat：設置背景圖片的重復方式。

object-fit：設置圖片如何適應其容器。

示例：添加背景圖片

以下是一個添加背景圖片的例子：

body {
  background-image: url('background.jpg');
  background-position: center;
  background-repeat: no-repeat;
}

在這個例子中，背景圖片被添加到body元素中，圖片位置居中，且不會重復。

圖片作為鏈接

CSS還可以用來設置圖片作為鏈接：

a {
  display: block;
  width: 200px;
  height: 200px;
  background-image: url('image.jpg');
}

在這個例子中，一個鏈接被設置為一個200像素寬和高的圖片，當用戶點擊這個鏈接時，他們實際上點擊的是圖片。

圖片的響應式設計

為了確保圖片在各種設備上都能良好顯示，可以使用響應式設計來調整圖片的尺寸和分辨率：

img {
  width: 100%; /* 圖片寬度為容器寬度的100% */
  height: auto; /* 圖片高度自動調整 */
}

在這個例子中，圖片的寬度設置為100%，高度自動調整，這樣可以確保圖片在各種設備上都能良好顯示。