CSS新聞圖標是現代網站設計中常見的元素之一，它可以幫助用戶快速了解到新聞內容并提升用戶體驗。下面是一些常見的CSS新聞圖標。

/* 1. 字母圖標 */
.icon-A {
background-image: url("A.png");
}
.icon-B {
background-image: url("B.png");
}
/* 2. 數字圖標 */
.icon-1 {
background-image: url("1.png");
}
.icon-2 {
background-image: url("2.png");
}
/* 3. 形狀圖標 */
.icon-circle {
border-radius: 50%;
width: 20px;
height: 20px;
}
.icon-square {
width: 20px;
height: 20px;
}
/* 4. 顏色圖標 */
.icon-red {
background-color: red;
}
.icon-green {
background-color: green;
}
/* 5. 動態圖標 */
@keyframes spinner {
to {transform: rotate(360deg);}
}
.spinner {
width: 20px;
height: 20px;
border: 2px solid #999;
border-top-color: #555;
border-radius: 50%;
animation: spinner 0.6s linear infinite;
}

這些CSS新聞圖標可以通過添加相應的類名來實現。比如，使用.icon-A來顯示字母A的圖標。同時，可以靈活地對圖標進行樣式調整，比如修改顏色、大小等。

總的來說，CSS新聞圖標是一種簡單而有效的UI設計元素，通過它可以讓用戶更加直觀地了解新聞內容，使網站的用戶體驗更加優秀。