在CSS中，我們可以使用多種方法在給圖片添加字體顏色，以下是一種簡單的方法：

1、我們需要創(chuàng)建一個包含圖片和文本的HTML元素，我們可以使用div元素來包含圖片和文本：

<div class="image-with-text">
    <img src="path-to-your-image.jpg" alt="Image">
    <p class="text">Your Text</p>
</div>

2、我們可以使用CSS來設置圖片和文本的位置、大小和顏色，我們可以使用position屬性來將文本放置在圖片上，使用font-size屬性來設置文本的大小，使用color屬性來設置文本的顏色：

.image-with-text {
    position: relative;
    width: 300px;
    height: 200px;
}
.image-with-text img {
    width: 100%;
    height: 100%;
}
.image-with-text p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #ffffff; /* 設置文本顏色為白色 */
}

在上面的CSS代碼中，我們首先將圖片設置為填充整個容器，然后將文本設置為***定位，使其位于圖片的中心位置，我們設置了文本的大小和顏色，這樣，我們就可以在圖片上添加帶有顏色的文本了。