css3写悬浮变色 |css淘宝适配

/* CSS代码 */
div:hover {
background-color: #FFD700;
}

以上代码是实现鼠标悬浮在一个div元素上时，该元素背景颜色改变为黄色(#FFD700)的代码。

要实现悬浮变色效果，首先需要用:hover伪类选择器，表示当鼠标悬浮在该元素上时所触发的样式效果。接着，用background-color属性设定元素背景颜色值，即可实现悬浮变色的效果。

需要注意的是，不仅仅div元素可以实现悬浮变色效果，其他元素同样可以实现。此外，通过CSS3还可以实现更多更为复杂的悬浮效果，如渐变、缩放、旋转等。在实际应用中，悬浮变色常常用于网页导航栏、按钮等元素的交互效果，能够增加用户体验度。