CSS是一種用于樣式設計的語言,我們可以用它來實現許多在網站上的設計效果。如果我們想把文字放在圖片旁邊,那么我們可以使用CSS的float屬性。下面是一個示例代碼:
<div class="image-text"> <img src="image.jpg" alt="image"> <p>This is the text beside the image.</p> </div> .image-text img { float: left; margin-right: 10px; }
在上面的代碼中,我們創建了一個div元素,并在其中添加了一個圖片和一個段落。我們給圖片設置了float:left屬性,這樣圖片就會被浮動到左側,段落中的文字就會自動排在圖片的旁邊。
當我們設置了圖片的float屬性后,需要給它一個margin-right值,這樣可以讓文字與圖片之間留出一些空隙。
在實際應用中,我們可以使用這種技巧來展示產品圖片和介紹,或者在文章中插入圖片說明。