Div之家_Div+CSS学习_SEO_Design_web2_站长工具_

Div+css首页

热门搜索关键字：教程 div 导航 ie 网站 css

css模拟title和alt的提示效果

作者：佚名来源：网络（转载请注明）

<style>.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}/*设置链接的属性,一定要设置为relative才能使提示层跟着<a href='http://www.divhome.com/csssite/plus/search/index.asp?keyword=%E9%93%BE%E6%8E%A5&searchtype=title' title='css链接' target='_blank'>链接</a>走*/.info:hover {background:#eee;color:#333;}.info span {display: none }/*设置正常下的span为隐藏状态*/.info:hover span /*设置hover下的span属性为呈现状态,并设置提示层的位置*/{display:block;position:absolute;top:30px;left:60px;width:130px;border:1px solid #ff0000; background:#fff; color:#000;padding:5px;text-align:left;}</style><body><a class="info" href="http://www.chinaz.com">中国站长站<span>中国站长站---为中文站提供动力！</span></a><a class="info" href="http://www.chinaz.com">中国站长站<span>中国站长站---为中文站提供动力！</span></a><a class="info" href="http://www.chinaz.com">中国站长站<span>中国站长站---为中文站提供动力！</span></a><a class="info" href="http://www.chinaz.com">中国站长站<span>中国站长站---为中文站提供动力！</span></a><a class="info" href="http://www.chinaz.com">中国站长站<span>中国站长站---为中文站提供动力！</span></a></body>

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。