图片链接hover移动的解决方案分析

浏览数：21 / 时间：2015年06月11日 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title></title>
    </head>    
    <body>
        <div id="pic">
        <a href="http://123.sogou.com"><img src="http://p9.123.sogou.com/imgu/2014/01/20140115142659_968.jpg"></img></a>
        </div>
    </body>
<style type="text/css" charset="utf-8">
div,a,img{border:0}
#pic {width:118px; height: 67px;border:1px solid #000000;margin: auto;}
#pic a{display: inline-block;width: 114px;height: 63px;border:0;padding: 2px;}
#pic a:hover{border: 2px solid #6ccdee;padding: 0}
#pic a.hover{border: 2px solid #6ccdee;padding:0}
#pic img{width: 114px; height: 63px;}
    
</style>    
</html>

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： Android iOS 移动互联 终端开发

相关文章

随机文章

您可能还喜欢

您可能还喜欢