Html代码 <ahref=""/><imgsrc=""/>text</a>
<a href=""/><img src="" />text</a>
一般链接都会hover时加下划线以示区分，但是我们希望给文字下划线，而不给图片下划线。
通常a:hover{text-decoration:underline;}在img的缺省样式下,文字和图片都会显示下划线。
如果要把图片的下划线去掉，只需这样定义：
当图片和文字之间换行时（文字描述图片）：
Html代码 img{display:block;}
img{display:block;}
当图片和文字同行时（图片表示分类，文字表示内容）：
这时图片一般是icon，尺寸较小，建议把icon放入背景图里，页面加载时可以减少http请求，同时也不用对img定义特殊的样式就能达到效果。
如果图片较大，可以定义
Html代码 img{display:block;float:left;}
img{display:block;float:left;}
同时给文字也浮动。