在網頁設計中，經常會遇到需要在圖片上添加文字的情況。這時我們可以使用CSS來實現(xiàn)這個效果。CSS提供了一些屬性用于實現(xiàn)把字寫在圖片上的效果，其中包括position、background-image和z-index等。

下面我們來看一個簡單的例子，這里我們使用一個帶有文本的圖片，將文字寫在圖片的中央。

<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%);
color: #fff;
font-size: 24px;
text-align: center;
}

這段代碼中，我們首先使用了position:relative;屬性給容器設定了一個相對定位。然后，我們在容器內插入了一個圖片和一個文字層。文字層使用了position:absolute;屬性來絕對定位，并且使用了top:50%;left:50%;和transform:translate(-50%,-50%);來使其居中對齊。最后，我們給文字層指定了顏色、字號和居中對齊。

除了這種方法之外，在CSS3中還提供了background-clip和text-fill-color屬性，可以更加方便快捷地實現(xiàn)把字寫在圖片上的效果。

綜上所述，通過以上方法，我們可以很方便地實現(xiàn)把字寫在圖片上的效果，讓網頁設計更加豐富多彩。