在网页设计中，常常需要用到鼠标移动变色的效果，这就需要用到CSS的:hover伪类。

p:hover {
color: #FF0000;
background-color: #FFFF00;
}

在上述代码中，我们通过:hover伪类指定了鼠标移动到p元素上时的样式，即文字变为红色，背景变为黄色。

使用:hover伪类时，需要注意以下几个问题：

• 只有部分元素支持:hover伪类，比如a、button、input等表单元素都支持，而div、span等一般标签不支持。
• 在移动端设备上有时无法触发:hover效果，因此需要使用JavaScript来实现。
• 为了让:hover效果更加显眼，可以搭配使用transition或animation来实现渐变或动画效果。

总结起来，使用:hover伪类可以轻松实现鼠标移动变色的效果，让网页看起来更加生动有趣。