在HTML和CSS中，我们可以使用不同的方法来添加鼠标特效。这些特效可以帮助增强用户体验，提供视觉反馈，并使页面更具交互性。下面是一些常见的鼠标特效及其代码示例：

    鼠标悬停改变颜色（Hover Color Change）：

<style>  
    .hover-color-change:hover {  
        color: red;  
    }  
</style>  
  
<p class="hover-color-change">Hover over me!</p>

    鼠标悬停改变背景色（Hover Background Color Change）：

<style>  
    .hover-bg-change:hover {  
        background-color: yellow;  
    }  
</style>  
  
<p class="hover-bg-change">Hover over me!</p>

    鼠标悬停改变字体大小（Hover Font Size Change）：

<style>  
    .hover-font-size-change:hover {  
        font-size: 20px;  
    }  
</style>  
  
<p class="hover-font-size-change">Hover over me!</p>

    鼠标悬停添加下划线（Hover Underline）：

<style>  
    .hover-underline:hover {  
        text-decoration: underline;  
    }  
</style>  
  
<p class="hover-underline">Hover over me!</p>

    鼠标悬停改变边框颜色（Hover Border Color Change）：

<style>  
    .hover-border-change:hover {  
        border-color: green;  
    }  
</style>  
  
<p class="hover-border-change">Hover over me!</p>

    鼠标悬停改变透明度（Hover Opacity Change）：

<style>  
    .hover-opacity-change:hover {  
        opacity: 0.5;  
    }  
</style>  
  
<p class="hover-opacity-change">Hover over me!</p>

这些示例中的“:hover”是CSS的伪类选择器，用于选择鼠标指针浮动在其上的元素。可以根据需求更改颜色、字体、大小、装饰等属性。这些特效可以单独使用，也可以组合使用，以创建丰富的视觉效果。