CSS中可以使用多种方式来实现图片底下的文字效果，最常用的是利用position属性来控制文字位置。

首先，需要给图片和文字分别设置一个父元素，这样可以保证它们的位置关系。

<div class="img">
<img src="example.jpg" alt="example">
<p>图片下方文字</p>
</div>

接着，为图片的父元素设置position:relative属性，为文字的父元素设置position:absolute属性，这样文字就可以相对于图片父元素进行定位。

.img {
position: relative;
}
.img p {
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

其中，bottom、left、right、margin属性用来控制文字在父元素内的位置。使用margin:auto可以使文字水平居中。

除此之外，还可以使用flex布局和float属性来实现图片底下文字效果，只需简单的样式就可以实现，不过相对于position属性来说稍微麻烦一些。

总之，CSS提供了多种方法来实现图片底下文字效果，根据实际情况选择合适的方法即可。