在前端開發過程中，圖片的處理是非常重要的一部分。CSS 文件可以幫助我們對圖片進行一系列的處理，如大小、位置、旋轉等。下面我們來看一些代碼：

img {
width: 200px;
height: auto;
border: 1px solid #ccc;
}

上述代碼表示對 img 標簽進行了一些處理，在頁面中顯示出圖片的寬度為 200px，高度按比例自適應調整，同時添加了一個 1px 的灰色邊框。

background-image: url("image/bg.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;

上述代碼表示為頁面添加了一個背景圖片，指定圖片路徑為 image/bg.jpg。同時設置圖片不重復（background-repeat: no-repeat），居中對齊（background-position: center center），并將圖片縮放以覆蓋整個屏幕（background-size: cover）。

此外，CSS 文件還支持對圖片進行旋轉、透明度等處理，以下是一些示例代碼：

transform: rotate(45deg);
opacity: 0.5;

上述代碼表示將圖片旋轉 45 度（transform: rotate(45deg)），同時將圖片的透明度設置為 50%（opacity: 0.5）。

總之，CSS 文件為我們提供了多種方式對圖片進行處理，可以讓頁面更加美觀、生動。掌握這些處理方法，可以幫助我們更好地實現頁面效果。