使用 CSS 文件實現圖片左對齊
CSS 是網頁設計中不可或缺的一部分，可以通過 CSS 文件控制網頁的樣式、布局等。在網頁設計中，經常會涉及到圖片的排版和樣式，其中圖片的左對齊是一個經常出現的需求。下面我們就來介紹如何使用 CSS 文件實現圖片的左對齊。
首先，在 HTML 文件中需要引入一個 CSS 文件，可以使用 link 標簽，如下所示：

<link rel="stylesheet" type="text/css" href="style.css">

接著，需要在 CSS 文件中添加一些樣式，這里我們假設有一張圖片，文件名為 "image.jpg"，寬度為 300px，高度為 200px。可以使用如下的 CSS 代碼實現圖片的左對齊：

img {
float: left; // 設置圖片浮動到左邊
margin-right: 10px; // 設置圖片右側的外邊距為 10px，可以根據需要調整這個值
}

上述代碼中，通過 float: left; 將圖片浮動到左邊，同時通過 margin-right: 10px; 設置圖片右側的外邊距為 10px。這樣，圖片就可以左對齊顯示了。
如果有多張圖片需要左對齊，只需將上述代碼應用到所有的圖片即可。需要注意的是，如果圖片寬度總和超過了容器的寬度，可能會出現圖片溢出的情況。此時可以設置容器的 overflow 屬性為 auto 或 hidden，以控制圖片的顯示。
以上就是使用 CSS 文件實現圖片左對齊的方法。通過簡單的 CSS 樣式設置，可以輕松實現圖片的左對齊效果，讓網頁看起來更加美觀。