怎么做html横向导航

做html横向导航方法：1、通过ul标签里li标签搭建导航菜单（竖向）；2、给li标签添加“list-style:none”样式来去掉导航菜单前的小黑点；3、给li标签添加“float: left;”样式让导航栏横向排列即可。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

思路：创建

标签，然后在
标签里面创建
• 标签，最后设置
• 标签为浮动。

  做html横向导航的方法：

  1、新建html页面，打开html编辑软件，新建一个html页面。如图：

  

  2、添加导航标签，在标签里新建一个

  标签，然后在
  标签里添加几个
  标签。如图：

  

  3、在

  • 标签内添加文字。在新建的
  • 添加要显示的内容。如图：

    

    4、创建样式标签，在标签。

    

    5、创建横向导航的样式，在

    
    
    • 首页
    • 新闻
    • 公司产品
    • 关于我们
    • 公司介绍
    Salin selepas log masuk