在網頁設計中，經常會有將文字放在圖片中間的需求。這種效果能夠提高頁面的美觀度，同時也能夠更好地突出頁面中的重要信息。

/* 首先，需要先將圖片和文字放在一個容器中 */
.container{
position:relative;
}
/* 接下來，設置圖片的樣式 */
.container img{
display:block; /* 將img標簽轉換成塊級元素 */
width:100%;
}
/* 添加文字的樣式 */
.container .text{
position:absolute; /* 使文字相對于容器進行定位 */
top:50%; /* 將文字定位到容器的中間位置 */
left:50%;
transform:translate(-50%,-50%); /* 居中對齊 */
color:#fff; /* 文字顏色 */
font-size:24px; /* 文字大小 */
font-weight:bold; /* 文字粗細 */
text-align:center; /* 文字居中對齊 */
}

以上是基礎的CSS樣式，使用時根據具體的頁面需求進行調整。