导航条是一个网站中必不可少的元素 ， 那么如何用HTML和CSS制作一个导航条呢？下面小编给大家分享一下 。
工具/材料【HTML+CSS制作导航条】Sublime Text
操作方法

01首先打开SublimeText软件 ， 新建一个html页面 ， 并且在html页面中准备好html结构 ， 如下图所示

文章插图
02接下来我们在html的body结构里添加导航条的内容 ， 如下图所示

文章插图
03然后就需要在style标签中用CSS对导航条的样式进行定义了 ， 如下图所示 ， 书写样式的时候一定要注意写在style标签里面

文章插图
04最后运行html页面 ， 你就会看到如下图所示的导航条 ， 当鼠标放在某个导航上时 ， 背景色会变成红色

文章插图

• 美食的制作方法 制作水产美食
• 千层丹麦麻花制作过程 什么是丹麦麻花
• 大白虾的做法 大白虾的制作方法
• 猪精制作技术
• 旋转小火锅底料是什么配料（在家制作火锅底料
• 自制蛋糕的食材和技巧 微波炉蛋糕如何制作窍门
• 制作奶茶需要什么机器设备（新手必看奶茶饮品
• 免费分享高压锅蛋糕制作教程 高压锅蛋糕怎么做蛋糕
• 公司举办庆典活动的邀请函（如何快速制作电子
• 酱牛肉的制作方法家用 酱牛肉制作方法和配料