首页的导航与图片问题

看csdn首页上面的导航，上面有首页，空间，新闻等等链接，这个导航后面的淡蓝色背景是图片还是什么别的？自己做的话应该怎么做呢？
怎么把超链接做到背景图片上面啊？

解决方案 »

  1.   

    不是图片<!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" lang="zh-CN">
        <head>
            <title>  </title>
            <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
            <style type="text/css">
                body{text-align:center;margin:0;padding:0;font:normal 12px verdana,sans-serif;;color:#000;line-height:150%;
                background:url(../images/2008beijingbg.png) no-repeat; }            .clear{clear:both;}
                img{border:0;}            h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,form{margin:0;padding:0;}
                ol,ul{list-style-type:none;}
                input,textarea,select{font-size:12px;font-family:verdana,sans-serif;color:#565454;}
                code,samp,cite,em,dfn{font-style:normal;}            a{color:#03C;text-decoration:none;}
                a:hover{color:#F00;text-decoration:underline;}
                /*CSDN navgation style*/
                .newcsdnnav{position:relative;text-align:left;border:1px solid #B1B4D7;width:958px;float:left;margin:2px 0;background:url(../images/newcsdn_pic19.gif) right top no-repeat;padding:10px 0 5px;}
                .newcsdnnav cite{display:block;position:absolute;top:0;left:865px;}
                .newcsdnnav cite a{color:#FFF;padding:0 3px;}
                .newcsdnnav cite a:hover{color:#FFF;}
                .newcsdnnav samp{position:absolute;left:195px;top:0px;display:block;}
                .newcsdnnav samp a{padding:0 10px;color:#666;background:url(../images/newcsdn_pic20.gif) right repeat-y;}
                .newcsdnnav samp em{margin:0 0 0 4px;color:#000;font-weight:bold;}
                .newcsdnnav samp dfn{font-weight:bold;margin:0 0 0 10px;position:relative;}
                .newcsdnnav samp input.search{height:11px;margin:2px 0 0 5px;}
                html>/**/body .newcsdnnav samp input.search{height:11px;margin:3px 0 0 5px;}            .newcsdnnav samp input.go{margin:0 0 0 5px;position:absolute;top:1px;}
                .newcsdnnav img{float:left;margin:5px 0 0 10px;}
                .newcsdnnav ul.server{margin:12px 0 0 19px;float:left;background:#E4E9FF;border:1px solid #BAC4E6;padding:4px 5px;vertical-align:top;}
                .newcsdnnav ul.server li{float:left;padding:0 7px;font:normal 100% Tahoma,sans-serif;border-right:1px solid #000;}
                .newcsdnnav ul.server li.noborder{border:0;}
                .newcsdnnav ul.server li a{color:#000;text-decoration:none;}
                .newcsdnnav ul.server li a.on{color:#F00;}
                .newcsdnnav ul.server li a:hover{color:#F00;text-decoration:none;}
                .newcsdnnav ul.csdnchan{margin:5px 0 0 19px;float:left;}
                .newcsdnnav ul.csdnchan li{float:left;vertical-align:top;padding:0;font:normal 100% Tahoma,sans-serif;}
                .newcsdnnav ul.csdnchan li a{padding:0 3px 0 4px;color:#000;}
                *+html .newcsdnnav ul.csdnchan li a{padding:0 2px 0 0;}
                .newcsdnnav ul.csdnchan li a:hover{text-decoration:none;}
                .newcsdnnav ul.csdnchan li dfn{padding:0;font-weight:bold;color:#000;margin:0 5px 0 0px;}
            </style>
        </head>    <body>
          <div id="newcsdnpubtop">
            <div class="newcsdnnav">
                <ul class="server">
                <li><a href="http://www.csdn.net" target="_blank">首页</a></li>
                <li><a href="http://hi.csdn.net" target="_blank">空间</a></li>
                <li><a href="http://news.csdn.net" target="_blank">新闻</a></li>
                <li><a href="http://bbs.csdn.net" target="_blank">论坛</a></li>
                <li><a href="http://groups.csdn.net" target="_blank">群组</a></li>
                <li><a href="http://blog.csdn.net" target="_blank">BLOG</a></li>
                <li><a href="http://dev.csdn.net" target="_blank">文档</a></li>
                <li><a href="http://download.csdn.net" target="_blank">下载</a></li>
                <li><a href="http://book.csdn.net" target="_blank">读书</a></li>
                <li><a href="http://tag.csdn.net" target="_blank">TAG</a></li>
                <li><a href="http://wz.csdn.net" target="_blank">网摘</a></li>
                <li><a href="http://live.csdn.net" target="_blank">视频</a></li>
                <li><a href="http://gforge.osdn.net.cn" target="_blank">开源</a></li>
                <li><a href="http://www.dearbook.com.cn" target="_blank">书店</a></li>
                <li><a href="http://www.programmer.com.cn" target="_blank">程序员</a></li>
                <li><a href="http://job.csdn.net" target="_blank">人才</a></li>
                <li><a href="http://prj.csdn.net" target="_blank">项目交易</a></li>
                <li class="noborder"><a href="http://training.csdn.net" target="_blank">培训</a></li>
                </ul>
            </div>
        </div>    </body>
    </html>