CSS是一種用于網頁樣式設計的語言，它可以方便地控制網頁的字體、顏色、布局等樣式。本文將介紹如何使用CSS實現圖片旁邊顯示文字的效果。

首先，我們需要用HTML代碼添加一張圖片和要顯示的文字。代碼如下：

<div class="container">
<img src="example.jpg" alt="示例圖片">
<p>這是示例文字。</p>
</div>

這段代碼定義了一個class為“container”的div容器，其中包含了一個圖片和一個段落標簽。接下來，我們要用CSS代碼來讓段落標簽顯示在圖片旁邊。

.container {
position: relative;
}
.container img {
float: left;
margin-right: 10px;
}
.container p {
position: absolute;
top: 0;
left: calc(100% + 10px);
width: 200px;
}

首先，我們對容器設置了position: relative，以便在其內部使用絕對定位。然后，我們對圖片設置了float: left，使其在容器中左對齊，并設置了一個10px的右邊距。最后，我們對段落標簽設置了position: absolute，讓它脫離文檔流，并設置了top、left和width屬性，使其顯示在圖片右側。

通過這些CSS代碼，就可以實現圖片旁邊顯示文字的效果了。這不僅可以美化網頁，也可以讓內容更加清晰地呈現出來。