在CSS中，alt屬性是用于提供備用文本的一種屬性，它通常用于圖像元素以及鏈接元素中的圖像。當圖像無法顯示時，alt屬性會顯示替換文本，也可以通過CSS樣式來設置這個備用文本的樣式。

img {
height: 200px;
width: 200px;
background: #eee;
border-radius: 50%;
}
img:hover {
filter: grayscale(100%);
}
img::before {
content: attr(alt);
display: block;
text-align: center;
font-size: 20px;
color: #555;
}

在上面的代碼中，我們展示了三個不同的CSS屬性來使用alt屬性。首先，我們設置一個基本的img標簽樣式，它定義了未加載圖像的替代文本的背景色和圓形邊框。其次，我們對鼠標懸停在圖像上時的樣式進行了定義。通過CSS的filter屬性，我們將圖像變成了灰色，這樣用戶就可以知道當圖像無法加載時，alt屬性的文本內容會顯示替代文本。最后，通過使用偽元素::before，我們將alt屬性的內容居中顯示在圖像的下方，并定義了它的顏色、大小和對齊方式。

總的來說，通過使用alt屬性，網頁設計師可以為網站上的圖像元素提供備用文本，使用戶可以了解圖像的內容或描述，同時也可以通過CSS樣式來更好地呈現這些備用文本。這種做法可以增強網站的可訪問性，幫助那些無法正常瀏覽圖像的用戶獲得更好的體驗。