CSS 按钮是网页设计中常用的元素之一，可以使网页更加美观和交互性更高。其中，鼠标滑过变色效果是一个非常常见的样式。以下是一个用 CSS 实现鼠标滑过变色效果的案例。

/* CSS代码 */.btn {display: inline-block;padding: 10px 20px;background-color: #4CAF50;color: #fff;text-align: center;font-size: 16px;border: none;cursor: pointer;transition: background-color 0.3s;}.btn:hover {background-color: #3e8e41;}

在以上代码中，我们首先定义了一个名为 ".btn" 的 CSS 类，来描述我们想要在网页中添加的按钮元素。我们使用了 display 属性将按钮元素转化为行内块级元素，方便我们设置元素的宽高等样式。为了让按钮具有点击效果，我们将光标指针样式设置为 pointer，这样当用户将光标移动到按钮上时，光标会变成手形，提示用户该区域可以进行点击。我们也使用了 transition 属性来指定鼠标滑过时颜色变化的动画效果。

而当用户将光标移动到按钮上方时，我们再设置了一个 ".btn:hover" 的 CSS 类，将按钮的背景颜色更改为另一种颜色，从而实现鼠标滑过变色的效果。这里的实现方式是把:hover伪类作为 CSS 类名中的一部分，应用于与之匹配的 HTML 元素上。

我们可以根据实际需求，对以上代码进行修改，来实现不同的按钮样式和显示效果。例如，我们可以更改背景颜色、文字颜色、按钮尺寸等等，来满足不同的设计要求。同时，也可以结合 JavaScript，来实现更加交互性高的按钮效果。