CSS樣式可用于對網頁進行排版和美化，其中左圖右文的排版方式的效果十分美觀，下面我們來看一下如何使用CSS實現左圖右文效果。

.left-image {
float: left;
margin: 0 20px 20px 0;
}
.right-text {
overflow: hidden;
}

通過以上CSS代碼，我們可以實現左邊圖片右邊文字的排版效果。設置圖片的浮動屬性為左浮動，同時設置一個外邊距，使其與文字有一定的間隔。而對于文字部分，我們則需要設置overflow屬性，這樣當文字超出容器邊界時就會被隱藏。

使用該樣式時，我們只需要將圖片和文字作為嵌套元素，分別添加.left-image和.right-text樣式，就可以實現左圖右文排版效果了。

總體來說，左圖右文的排版方式不僅增加了網頁的美觀程度，更提高了內容的可讀性，是一種非常實用的排版方式。