CSS是一種用于網頁設計的語言，它可以控制網頁的字體、樣式和布局。在CSS中，有一種很有用的特性，那就是顏色自動延伸（color stretching）。 你可能已經遇到過這種情況：你為一個元素設置了背景顏色或邊框顏色，但是這個顏色只占據了一部分空間，其他部分則顯示為白色。這時，你可以使用顏色自動延伸來解決這個問題。 首先，讓我們看看一個例子：

p {
background-color: #5cb85c;
padding: 20px;
color: white;
}

在這個例子中，我們將`

`元素的背景顏色設置為綠色（#5cb85c），并且設置了一些內邊距和文本顏色。如果我們現在將一個圖片放在這個元素的中央，你會發現圖片周圍出現了一些白色的空白區域。這是因為我們沒有讓顏色自動延伸到整個元素中。 現在，我們可以使用顏色自動延伸來解決這個問題。只需要在CSS中添加一個簡單的代碼，就可以讓背景顏色自動填滿整個元素。

p {
background-color: #5cb85c;
padding: 20px;
color: white;
background-clip: padding-box;
}

這里的`background-clip`屬性表示元素的背景應該如何剪裁。默認情況下，背景被剪裁到了邊框框線內部。但是如果我們將`background-clip`設置為`padding-box`，背景顏色就會填充整個元素（包括內邊距）。 現在再來看看我們的例子，你會發現圖片周圍的空白區域已經消失了，綠色背景顏色已經填滿了整個元素。 總結來說，顏色自動延伸可以讓網頁設計更加美觀和準確。只要你知道該如何配置，就可以輕松實現這個功能。