HTMl中标签中li横向排列

  • HTML
  • li的横向
  • 导航栏横向
  •   大多数的导航栏都是横向排列如下图所示,那么这究竟是怎么实现的呢?其实它主要运用

      标签中li的横向排列,下面以一个例子向大家详细讲解具体是如何实现的。

      1编写横向菜单的HTML代码架构

      编写CSS代码

      <1>设置公共样式

      <3>链接悬停效果

      <4>去掉最左边导航栏的右边框

      3 完整的代码

      
      
      
      	
      	图片提示效果
      	
          
      
      
      
          
      
      

       总之,使其横向排列的最需要的是:

         标签的主要样式为display:balock;

         

    • 的主要样式为display:inline-balock,float:left,list-style:none;

       

你可能感兴趣的:(HTML,li的横向,导航栏横向,