下面是在 CSS 中如何加入圖片的一些基本步驟：

```css

width: 100%;

height: auto;

src: url('圖片路徑/圖片.jpg');

```

在上面的示例中，`src` 屬性指定了圖片的路徑，`width` 和 `height` 屬性為圖片自適應寬度和高度，`auto` 屬性用于設置圖片自適應寬度。

2. 設置圖片的樣式：在 CSS 樣式表中，可以使用 `style` 標簽來設置圖片的樣式，例如：

```css

width: 100%;

height: auto;

border: 1px solid #ccc;

font-size: 16px;

```

在上面的示例中，`border` 屬性用于設置圖片邊框，`font-size` 屬性用于設置圖片字體大小，`width` 和 `height` 屬性為圖片自適應寬度。

3. 實現交互效果：如果需要在 CSS 中實現交互效果，例如圖片的縮放、旋轉等，可以使用 CSS 動畫來實現。可以使用 `@keyframes` 規則來定義動畫，并為每個狀態設置一個對應的 keyframe 值。例如：

```css

width: 100%;

height: auto;

animation：縮放 1s infinite;

@keyframes縮放 {

0% { transform: scale(0); }

100% { transform: scale(1); }

```

在上面的示例中，`animation` 屬性用于設置縮放動畫，`scale` 屬性為圖片的初始值和最終值，`0%` 和 `100%` 分別表示圖片的縮放范圍。通過 `@keyframes` 規則，可以為每個狀態設置不同的 keyframe 值，從而定義不同的縮放效果。