鼠标移上将背景颜色改变为粉色，div里的文字改变为粉色，并且将这个div放大1.2倍

要实现这个效果，你可以使用CSS的伪类:hover来改变鼠标悬停时元素的状态。下面是一个简单的示例：

首先，在HTML文件中创建一个div元素，并为其添加一些

html

Hover Effect Example

Hello, World!

接下来，在CSS文件（本例中为styles.css）中编写样式规则：

css

.hover-effect {

background-color: #ffffff; /* 默认背景颜色 */

color: #000000; /* 默认文字颜色 */

transition: all 0.3s ease-in-out; /* 添加过渡效果 */

}

.hover-effect:hover {

background-color: #ff69b4; /* 鼠标悬停时的背景颜色 */

color: #ff69b4; /* 鼠标悬停时的文字颜色 */

transform: scale(1.2); /* 放大1.2倍 */

}

在这个例子中，我们首先设置了默认状态下div的背景颜色和文字颜色。然后，通过:hover伪类，我们在鼠标悬停时改变了这些属性。同时，我们还添加了一个过渡效果，使得变化更加平滑。

保存这两个文件并在浏览器中打开HTML文件，你就可以看到鼠标悬停在div上时，背景颜色变为粉色，文字颜色也变为粉色，同时div被放大了1.2倍的效果。