CSS鼠標經過出現提示 CSS中的:hover偽類非常有用，可以為網站增加一些交互性和特效。其中，鼠標經過出現提示也是非常適用的一種特效。實現的代碼如下：

p:hover:before {
content: attr(data-title);
position: absolute;
left: 0;
top: 100%;
width: 100%;
padding: 5px;
background-color: #333;
color: #fff;
font-size: 14px;
opacity: 0;
transition: opacity 0.3s ease;
}
p:hover:before {
opacity: 1;
}

以上代碼通過在p元素上應用:hover偽類，在鼠標經過時在該元素前添加:before偽元素。該元素的content屬性用于顯示提示信息，top屬性確定提示框位置。我們還可以設置偽元素的一些樣式，例如背景色、字體顏色、大小等。除此之外，該效果還使用了CSS3過渡屬性，用于動態控制提示框的透明度。 通過以上代碼，我們可以實現簡單的文字提示，為網站增加一些交互性與用戶體驗。