CSS中的img alt效果，是指給圖片元素添加一個文本描述，以便在圖片無法顯示時或者圖片訪問受限時，頁面可以提供一種替代的信息呈現方式。

img{
border: none;
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
img[alt]:after{
content: attr(alt);
display: block;
text-align: center;
font-size: 12px;
color: #999;
margin-top: 10px;
}

在CSS中，使用img[alt]來選擇所有帶有alt屬性的圖片，然后通過添加after偽元素，來在圖片下方插入文本，豐富頁面信息。

除了圖片無法顯示和訪問受限等情況，img alt屬性還有利于SEO優化，能夠讓搜索引擎了解到圖片的內容和意義，進而提升網站的搜索排名。

需要注意的是，alt屬性的內容應當與圖片主題相關，描述準確，不應當使用無意義或者重復的關鍵詞，也不應當違反版權等法律法規。