在網頁設計和開發中，通常需要將文字放在背景中間。這種效果可以使用CSS輕松實現。在CSS中，我們可以使用背景圖片和文字居中的技巧來實現此效果。

body {
/* 設置背景圖片 */
background-image: url('example.jpg');
/* 背景圖片重復方式 */
background-repeat: no-repeat;
/* 背景位置 */
background-position: center center;
/* 填充整個背景 */
background-size: cover;
}
h1 {
/* 文字放在背景中心 */
text-align: center;
/* 文字顏色 */
color: white;
/* 文字樣式 */
font-size: 36px;
font-family: Arial, sans-serif;
/* 陰影效果 */
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

上述代碼將背景圖片放在頁面的中心，然后將標題設置為白色，將文字居中，添加陰影效果。它在web開發中被廣泛應用，特別是在創建漂亮的主頁或者櫥窗頁面時有迅速的效果。