css中如何定义鼠标经过改变图片
2个回答
展开全部
从原理说起吧:激活的、已访问的、未访问的或者当有鼠标悬停在其上的链接,它们会在支持 CSS 的浏览器中以不同的方式显示出来,样式如下:
1. a:link {background:url(images/bg1.jpg) no-repeat 0 0;} /* 未访问的链接 */
2. a:visited {background:url(images/bg1.jpg) no-repeat 0 0;} /* 已访问的链接 */
3. a:hover {background:url(images/bg1.jpg) no-repeat 0 0;} /* 当有鼠标悬停在链接上 */
4. a:active {background:url(images/bg1.jpg) no-repeat 0 0;} /* 被选择的链接 */
在其中设置你想要的背景图片吧,如果是4个不同的图片,你就会看到4种不同状态下的效果。
1. a:link {background:url(images/bg1.jpg) no-repeat 0 0;} /* 未访问的链接 */
2. a:visited {background:url(images/bg1.jpg) no-repeat 0 0;} /* 已访问的链接 */
3. a:hover {background:url(images/bg1.jpg) no-repeat 0 0;} /* 当有鼠标悬停在链接上 */
4. a:active {background:url(images/bg1.jpg) no-repeat 0 0;} /* 被选择的链接 */
在其中设置你想要的背景图片吧,如果是4个不同的图片,你就会看到4种不同状态下的效果。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询