.img-text {
position: relative;
}
.img-text img {
display:block;
margin:0 auto;
}
.img-text p {
position: absolute;
bottom: 0;
width: 100%;
text-align: center;
color: #fff;
font-size: 20px;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
padding:10px 0;
background-color: rgba(0,0,0,.5);
}以上代码中，先将图片所在的容器设为相对定位（position: relative）。接着设置img标签为块级元素（display: block），并水平居中（margin:0 auto）。最后使用绝对定位（position: absolute）将文字容器放到图片底部，使用宽度100%（width:100%）使其与图片同宽，使用文本居中（text-align:center）、文字颜色（color）、字体大小（font-size）、阴影效果（text-shadow）和背景（background-color）属性来设置文字样式。可以根据需要调整属性值，以达到不同的效果。