CSS提供了一种很方便的方法来为网页元素添加鼠标提示信息。我们可以使用 ":hover" 伪类选择符并结合 "content" 属性来实现这个效果。这样，当用户将鼠标悬停在选定元素上时，就会显示出预先设置好的提示信息。下面是一个CSS代码的例子：

selector:hover:before {
content: "提示信息";
position: absolute;
top: -20px;
left: 120%;
background-color: #666;
color: #fff;
padding: 5px 10px;
border-radius: 3px;
}

在这里，我们使用伪类 ":hover" 来选择鼠标经过的元素。然后，我们添加 "content" 属性并设置文本内容为提示信息。我们还为 ":before" 伪元素添加样式，以使提示信息的外观更加美观。这里的提示信息是在鼠标当前元素的右侧显示的，这是通过设置 "left" 和 "top" 属性来完成的。而背景色、颜色、内边距和边框半径等样式属性也可根据需求自由调整。

总之，使用CSS添加鼠标提示信息是一种很方便的方法，它可以为用户提供更多的提示信息，让网站更加用户友好，提升用户体验。我们只需要按照上面的方法编写代码，就可以为网页元素添加鼠标提示信息了。