CSS是Web開發中不可或缺的一部分，通過CSS可以為頁面添加各種樣式，包括字體、顏色、大小等等。其中，裁剪圖片也是CSS的一項重要功能。在本文中，我們將探討如何使用CSS裁剪圖片左右留白。

首先，我們需要選擇一張適當的圖片作為范例。假設我們有一張寬度為600像素，高度為400像素的圖片。

<img src="example.jpg" width="600" height="400">

接下來，我們需要使用CSS定義圖片的外觀。為了裁剪圖片左右留白，我們可以使用CSS中的“margin:auto”屬性，將圖片水平居中。在“margin:auto”的基礎上，我們還需要定義圖片的寬度，這里將其設置為500像素：

<style>
img {
margin: 0 auto;
max-width: 500px;
}
</style>

通過上面的CSS代碼，我們將圖片寬度設置為最大500像素，并使其水平居中。現在，我們需要使用另一個CSS屬性“padding”來創建圖片左右的留白。具體來說，我們可以在圖片外圍添加一層div，并為該div定義“padding-left”和“padding-right”屬性：

<div class="image">
<img src="example.jpg" width="600" height="400">
</div>
<style>
.image {
padding: 0 50px;
text-align: center;
}
.image img {
max-width: 500px;
}
</style>

通過上面的CSS代碼，我們定義了一個名為“image”的div，將其左右內邊距設置為50像素，并將其內部內容水平居中（使用“text-align:center”屬性）。在div內部，我們使用了之前提到的“max-width”屬性，將圖像寬度設置為最大500像素。

這樣，我們就完成了對圖片左右留白的裁剪。你可以根據需求來調整“padding”和“max-width”屬性的值，以實現不同的效果。