今天我们来学习一下如何使用CSS在图片下方添加文字。这是一个很实用的技能，可以让我们在网页设计中更加灵活地展示图片和文字的关系。 首先，我们需要用HTML代码将图片和文字都放在同一个div或者section中。像这样：

<div class="image-section"><img src="image.jpg" alt="一张美丽的图片"/><p>这里是图片的描述文字</p></div>

接下来，我们需要使用CSS来样式化这些元素。首先，我们需要将图片和文字都包含在同一个容器中，并设置该容器的样式为position:relative，如下所示：

.image-section {
position: relative;
}

接下来，我们需要为文字添加一个绝对定位。我们可以设置文字元素的position属性为absolute，并将其bottom属性设置为0，即将文字定位在图片下方。

.image-section p {
position: absolute;
bottom: 0;
}

最后，我们还可以为文字添加一些样式，比如设置背景颜色和透明度：

.image-section p {
position: absolute;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5); /* 设置背景颜色为半透明黑色 */
color: #fff; /* 设置文字颜色为白色 */
padding: 10px; /* 设置文字的内边距 */
}

以上就是使用CSS在图片下方添加文字的方法了。通过这个技巧，我们可以在网页设计中更加随意地展示图片和文字的关系，让我们的网页设计更加有趣、生动。