CSS可以让我们非常轻松地在图片下方显示文字。这个功能对于网页设计师来说非常有用，因为这样可以让网页更加丰富、动感。

img {
display: block;
margin: auto;
}
.caption {
text-align: center;
font-size: 1.2rem;
font-weight: bold;
margin-top: 0.5rem;
}

首先，我们需要将图片变为块级元素，这可以通过设置“display: block;”来实现。然后我们在CSS中定义了一个类名为“caption”，用于包含图片下方的文字。我们定义了一些样式，包括将文字居中显示，设置字体大小和粗细，以及设置一定的距离。

接下来，我们将图片和文字放在同一个

元素中：

<div>
<img src="example.jpg">
<p class="caption">这是一个示例图片</p>
</div>

最后，我们就可以像这样在网页中显示图片和文字了。

这是一张美丽的银河照片

通过这种简单的方法，我们可以让网页更加丰富和动感。这对于网页设计师来说非常有用，同时也能提高用户的体验。