在進行網頁設計時，如何合理地運用CSS樣式，是一項非常重要的技能。其中的一項重要技巧就是圖片CSS左右偏移。下面我們將詳細介紹這種技巧的使用方法。

```
img {
float: left; /* 圖片左對齊 */
margin-right: 10px; /* 間距 */
}
img.right {
float: right; /* 圖片右對齊 */
margin-left: 10px; /* 間距 */
}
```

以上代碼用于實現圖片左右偏移功能。首先，使用`float:left;`或`float:right;`將圖片左對齊或右對齊。然后，通過調整`margin-right`或`margin-left`來控制圖片與周圍元素之間的間距。

此外，當需要對一個圖片進行偏移時，可以給它添加一個class為`right`，并設置相應的CSS樣式來實現右偏移的效果。

``````

上面的HTML代碼演示了如何實現圖片左右偏移，其中第二個圖片通過添加class為`right`來使其右對齊。

通過掌握這種簡單實用的技巧，我們可以更加靈活地布局網頁，為用戶提供更好的閱讀體驗。