今天教大家制作一个清晰简洁的导航条
导航条
咱们先打开编辑工具Editplus
Editplus
然后点击左上角的 "文件" 在点击 新建一个HTML，显示的那些代码咱们不用管但也不能删除
我们在<body></body>的中间建一个div咱们叫盒子模型，然后在div里建一个ul li 无序列表然后在li里加上文字（如下图）
这些都写好以后咱们得加上CSS样式
在<title>下面建一个<style></style>如图
建好后咱们就在里面添加样式代码如图
（绿色的字是我注释代码的意思）
最后咱们按键盘上的 ctrl+s保存在桌面，（当然保存的地方大家随意）命名为index.html
保存好后双击打开就可以看到已经完成了。
因为头条限制，代码不能直接在里面发布，只要以图片的方式展示给大家，如果需要源代码的可以关注我后问我要，我会分享给大家。我还会送出一套基础的网站前端视频教程欢迎大家加入网站前端交流群：309073798.
导航条
咱们先打开编辑工具Editplus
Editplus
然后点击左上角的 "文件" 在点击 新建一个HTML，显示的那些代码咱们不用管但也不能删除
我们在<body></body>的中间建一个div咱们叫盒子模型，然后在div里建一个ul li 无序列表然后在li里加上文字（如下图）
这些都写好以后咱们得加上CSS样式
在<title>下面建一个<style></style>如图
建好后咱们就在里面添加样式代码如图
（绿色的字是我注释代码的意思）
最后咱们按键盘上的 ctrl+s保存在桌面，（当然保存的地方大家随意）命名为index.html
保存好后双击打开就可以看到已经完成了。
因为头条限制，代码不能直接在里面发布，只要以图片的方式展示给大家，如果需要源代码的可以关注我后问我要，我会分享给大家。我还会送出一套基础的网站前端视频教程欢迎大家加入网站前端交流群：309073798.
