使用CSS可以很容易实现图片右边有字的效果，可以通过定位和浮动来实现。下面将详细介绍如何使用CSS实现图片右边有字的效果。
首先，我们需要一个包含图片和文字的容器。可以使用一个div元素作为容器，并在其中添加一个img元素和一个p元素来放置文字。代码如下：
<div class="image-container">
<img src="your-image.png" alt="Your Image">
<p>Your text here</p>
</div>
接下来，我们需要使用CSS来设置容器的样式。首先，我们将设置容器元素的宽度和高度，以及相对定位。然后，将图片元素设置为浮动到右边，并设置一定的边距。最后，将文字元素设置为绝对定位到图片的右边，同时调整一定的边距。代码如下：
.image-container {
position: relative;
width: 500px;
height: 200px;
}
.image-container img {
float: right;
margin-right: 20px;
}
.image-container p {
position: absolute;
top: 0;
right: 0;
margin-right: 40px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
font-size: 18px;
}
通过以上CSS代码，我们设置了容器的宽度和高度，以及图片和文字的位置和样式。其中，容器的宽度可以根据实际需要进行调整，图片和文字的边距也可以根据实际情况进行调整。
在上述代码中，我们还设置了文字部分的样式，包括背景颜色、边距、字体颜色等。您可以根据需要自定义这些样式。
最后，您只需要将上述CSS代码添加到您的样式表中，将图片文件替换为您自己的图片，将文字部分替换为您想要显示的文字即可。
以上就是使用CSS实现图片右边有字的效果的详细介绍。通过使用定位和浮动，我们可以轻松地实现这个效果，让图片和文字同时显示在同一个容器中，达到视觉上的效果。希望本文对您有所帮助！