英文教程：鼠标悬停（hover）效果

 前面一个CSS教程介绍了在网页中利用CSS建立立体表格效果，今天给大家来一篇很不错的鼠标悬停效果，也是用CSS实现的。

　　这是一个很棒的鼠标悬停（hover）效果。从国外的网站上看到了，转载过来。没有作任何翻译与编辑，大家可以偿试阅读英文教程，加油！

　　注意：此悬停效果在IE6中无效
　　实例预览地址：http://www.prukc.com/

　　I would like to share some insight on a piece of CSS I’ve used for the homepage for a website a while ago that I’ve built together with Roger Johansson.

The HTML markup

　　Let’s take a look first at the HTML markup for this. First we need to think about the structure of this piece of content. How should it be structured with CSS disabled and still make sense for the user. I think a bullet list makes sense. We sum up the 4 different ways to find your Kansas City Homes for Sale. This is the (X)HTML markup:

HTML：

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!