友情链接用的CSS图片链接和文字链接样式
- 天气查询网
-
<html> <head> <title>友情链接用的CSS图片链接和文字链接样式</title> <style> .f4{ width:100%; overflow:hidden; clear:both; margin:0; padding:0; } .f4 li{ width:94px; height:37px; display:block; float:left; overflow:hidden; margin:10px 12px 2px 3px; } .f4 li a{ width:88px; height:31px; overflow:hidden; float:left; border:3px solid #FFF; } .f4 li a:hover{ border:3px solid #EEE; } .f5{ width:100%; overflow:hidden; clear:both; margin:0; padding:0; } .f5 li{ float:left; line-height:14px; padding:0px 8px 0px; white-space:nowrap; } .f5 li a{ color:#000; float:left; } </style> </head> <body> <ul class="f4"> <li><a href='#' target='_blank'><img src='/jscss/demoimg/wall_s8.jpg' width='88' height='31' border='0'></a></li> </ul> <ul class="f5"> <li><a href='#' target='_blank'>天气查询网</a> </li> </ul> </body> </html>
-