CSS是網頁設計必不可少的元素之一。其中一個重要的應用就是控制網頁內容的布局，比如照片的位置。下面將介紹如何使用CSS實現照片居左的效果。

img {
float: left;
margin-right: 10px;
}

如上所示，我們可以簡單地使用CSS的float和margin屬性實現讓照片居左的效果。

首先，我們需要給要居左的照片添加一個CSS類，比如“img”。然后，我們就可以在CSS文件中添加如上所示的代碼。其中，float屬性設置照片浮動在左側，而margin-right屬性則設置照片與周圍內容的間距。

需要注意的是，如果我們的網頁中有多張照片需要居左，我們就需要分別給每張照片添加相同的CSS類，或者使用其他方法來區分它們。

總結來說，使用CSS實現照片居左的效果非常簡單。只需要添加一個CSS類，并使用float和margin屬性就能輕松實現。希望本文能夠幫助大家更好地使用CSS控制網頁布局。