css可以實現圖片加字的效果，常用的方法有兩種。

方法一：
<div class="container">
<img src="image.jpg" alt="">
<div class="text">這里是文字</div>
</div>
.container {
position: relative;
display: inline-block;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
方法二：
<div class="container">
<div class="image"></div>
<div class="text">這里是文字</div>
</div>
.container {
position: relative;
}
.image {
background: url(image.jpg) no-repeat center center;
background-size: cover;
height: 200px;
width: 200px;
}
.text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

以上兩種方法都是在一個容器內同時放置圖片和文字，然后利用css的定位屬性來調整它們的位置。需要注意的一點是，如果圖片是固定大小的，則需要設置容器的大小和圖片的大小相同。而如果圖片大小不固定，容器可以不設置大小，但需要設置背景圖片的尺寸。