11. 背景顏色與背景圖片
為文字或段落設置背景顏色或背景圖片，可以使文章區域更具區別性和視覺吸引力。使用background-color設置背景顏色，或通過background-image添加背景圖片。

section {
    background-color: #f0f0f0;
    padding: 20px;
}

設計時，應確保文字與背景色之間有足夠的對比度，以提高可讀性。

12. 響應式文字
為了確保文字在不同設備上呈現良好，使用@media查詢和相對單位（如em或rem）可以讓文字隨設備大小自動調整。這對於移動設備上的顯示尤為重要。

@media screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }
}

13. 漸變文字
通過background-clip和linear-gradient的結合，可以實現漸變文字效果，使文字看起來更具藝術感。

h1 {
    background: linear-gradient(to right, #ff6347, #4682b4);
    -webkit-background-clip: text;
    color: transparent;
}

14. 動畫效果
通過@keyframes和transition，你可以為文字添加動畫效果。文字的顏色、大小或透明度可以隨著用戶的交互或時間的推移發生變化，這樣的效果可以使網站更加生動有趣。

h1 {
    transition: color 0.3s ease;
}
h1:hover {
    color: #ff6347;
}