在css里写鼠标悬浮时向上移动4px

你可以使用CSS的:hover伪类选择器和transform属性来实现鼠标悬浮时向上移动4px的效果。下面是一个示例代码：

.hover-effect {
  transition: transform 0.3s ease;
}

.hover-effect:hover {
  transform: translateY(-4px);
}

在上述代码中，我们创建了一个名为.hover-effect的类，并为它设置了过渡效果。当鼠标悬浮在具有.hover-effect类的元素上时，我们使用:hover伪类选择器来应用样式。在:hover状态下，我们使用transform属性的translateY函数将元素向上移动4px。

你可以将.hover-effect类应用于任何你想要应用这个效果的元素上。记得将这段CSS代码添加到你的样式表中，并确保你的HTML元素具有.hover-effect类。