当前位置:  编程技术>WEB前端

比较漂亮的一个导航条的效果DIV+CSS

    来源: 互联网  发布时间:2014-09-06

    本文导语:  导航条的一个效果DIV+CSS 现在应用于客齐集网站! 代码如下:  * {margin:0; padding:0; list-style:none;}  body{font-size:12px; margin:100px;}  #info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(/upload/200732411541374.gif) no-repeat left top;  f...


导航条的一个效果DIV+CSS
现在应用于客齐集网站!

代码如下:

 
* {margin:0; padding:0; list-style:none;} 
body{font-size:12px; margin:100px;} 
#info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(/upload/200732411541374.gif) no-repeat left top;  float:left; } 
#info ul{ margin:5px;width:338px} 
#info li{ width:33%; height:40px; float:left;} 
#info li a{ font-size:12px; font-weight:normal; line-height:35px; display:block;color:#000; text-decoration:none; padding-left:40px;background:url(/upload/200732411542811.gif) no-repeat;} 
#info li a:link,#info li a:visited{background-position:center top} 
#info li a:hover,#info li a:active{background-position:center bottom} 
 
 
 
 
  
     
        
  •  
        
  • 找工作
  •  
        
  • 找房子
  •  
        
  • 自行车买卖
  •  
        
  • 带车求职
  •  
        
  • 拼车上下班
  •  
        
  • 技能交换
  •  
        
  • 物品交换
  •  
        
  • 语言交换
  •  
      
 
 
 

test * {margin:0; padding:0; list-style:none;} body{font-size:12px; margin:100px;} #info{border:1px solid #BCFF1D; width:348px; background:#D6FF8C url(/upload/200732411541374.gif) no-repeat left top; float:left; } #info ul{ margin:5px;width:338px} #info li{ width:33%; height:40px; float:left;} #info li a{ font-size:12px; font-weight:normal; line-height:35px; display:block;color:#000; text-decoration:none; padding-left:40px;background:url(/upload/200732411542811.gif) no-repeat;} #info li a:link,#info li a:visited{background-position:center top} #info li a:hover,#info li a:active{background-position:center bottom}
  • 找工作
  • 找房子
  • 自行车买卖
  • 带车求职
  • 拼车上下班
  • 技能交换
  • 物品交换
  • 语言交换

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

 作者:zishu

    
 
 

您可能感兴趣的文章:

  • CSS渐变文本效果的两种方法比较
  • 比较不错的打印效果 css
  • jquery实现效果比较好的table选中行颜色
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • C++ Maps 成员 key_comp():返回比较元素key的函数
  • 你们看是不是可以这样理解:在用来进行两个对象的比较时,==操作符用来比较两个对象的引用地址,而equals()用来比较两个对象的值。
  • C++ Maps 成员 value_comp():返回比较元素value的函数
  • 问一下,现在比较新比较好的MYSQL版本和JDBC版本
  • C++ MultiMaps 成员 key_comp():返回比较key的函数
  • SOCKET 比较是在比较什么 急
  • C++ MultiMaps 成员 value_comp():返回比较元素value的函数
  • 请大家帮忙推荐几款linux下比较好用的看jpeg图和看mpeg4比较好用的软件! iis7站长之家
  • C++ Double Ended Queues(双向队列) 成员 Operators:比较和赋值双向队列
  • 大家推荐一下有关LINUX7有关的网络编程的书。最好是比较全面的!比较经典的。
  • C++ Stacks(堆栈) 成员 操作:比较和分配堆栈
  • 用java读一个比较大的文本文件(几百k~几M)怎么才能比较快?
  • C++ Strings(字符串) 成员 Operators:操作符,用于字符串比较和赋值
  • "400分给有比较好的字符串比较的算法的朋友"要结帖,想做笔迹保留的不可漏看哦
  • C++ Strings(字符串) 成员 compare():比较两个字符串
  • arm-linux-gcc 在哪下载比较好,历史版本比较齐?
  • linux c/c++ IP字符串转换成可比较大小的数字
  • 问一个比较简单的问题 请不要见笑 frame 的 setVisible()放在那里比较合适?
  • C++ Bitsets 成员 Operators:比较和赋值bitsets
  • 在JSP中用session比较好?还是cookie比较好?因为什么?
  • STL vector+sort排序和multiset/multimap排序比较
  • 请大家帮忙推荐几款linux下比较好用的看jpeg图和看mpeg4比较好用的软件!


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3