转载自: ，稍微有点修改。

     CSS_Tab简洁版
     
    
          
      
        
       
        tab_1
       
        
       
        tab_2
       
        
       
        tab_3

注：1）通过#tab_nav li样式中的float: left实现tab_1,tab_2,tab_3排列到一行;

     2）通过标签<a>实现tab_1等的点击功能，通过属性href实现点击tab_1等进行内容切换；

     3）通过#tab_content中的样式overflow: hidden;及#t_1,#t_2,#t_3的宽高与包含它们的

          tab_content保持一致，从而实现tab_content中的t_1等div只显示一个;

     4）标签<a>中href可能的值：

             绝对 URL - 指向另一个站点
             相对 URL - 指向站点内的某个文件
             锚 URL - 指向页面中的锚（href="#top"）

     5）属性id的作用：

             id 属性规定 HTML 元素的唯一的 id。
             id 在 HTML 文档中必须是唯一的。
             id 属性可用作链接锚（link anchor）