CSS 鼠標(biāo)顯示警告是指當(dāng)鼠標(biāo)移動到某個元素時，會顯示警告信息。此功能通常在網(wǎng)頁中用于提醒用戶某些操作或信息。

/* CSS代碼 */
.element:hover:before {
content: attr(data-warning);
position: absolute;
top: -30px;
left: -150%;
padding: 8px;
color: #fff;
background-color: #cc0000;
border-radius: 4px;
font-size: 12px;
z-index: 999;
}
.element:hover:after {
content: "";
position: absolute;
top: -10px;
left: -5px;
border-width: 5px 5px 0;
border-style: solid;
border-color: #cc0000 transparent;
}

上述代碼使用:before和:after選擇器來添加內(nèi)容和樣式。在鼠標(biāo)移動到元素上時，:before選擇器會在元素之前添加一個包含警告信息的偽元素。樣式包括：絕對定位、背景顏色、邊框圓角、字體大小等。同時，還使用了data-warning屬性來指定警告信息。

在:after選擇器中，使用了三角形邊框來增加警告的視覺效果。通過改變border-color來調(diào)整邊框顏色。

需要注意的是，z-index屬性應(yīng)該設(shè)置為足夠大的值，以確保警告信息顯示在最前面。