今天无意中看到一个网站的导航条,觉得效果还不错,而且制作也很简单,就自己试着用HTML+CSS做了个一模一样的,下面就把导航条的制作方法及步骤分享给大家!
![10d28122f2a16395798c0a6e85699436.png](https://i-blog.csdnimg.cn/blog_migrate/3358f3b968fd5a761eb42b50dc9d8035.jpeg)
导航按钮效果图
代码如下:
一级导航
以上HTML+CSS代码复制可用。
好多小白不知道怎么搭配颜色,为你们搜集了一下网页颜色搭配工具:http://tool.c7sky.com/webcolor/#hue_0
下一个文章:HTML+CSS二级导航制作,敬请期待
今天无意中看到一个网站的导航条,觉得效果还不错,而且制作也很简单,就自己试着用HTML+CSS做了个一模一样的,下面就把导航条的制作方法及步骤分享给大家!
导航按钮效果图
代码如下:
一级导航
以上HTML+CSS代码复制可用。
好多小白不知道怎么搭配颜色,为你们搜集了一下网页颜色搭配工具:http://tool.c7sky.com/webcolor/#hue_0
下一个文章:HTML+CSS二级导航制作,敬请期待