12. html导航栏

HTML教程入门

html导航栏:拥有易用的导航条对于任何网站都很重要,通过CSS,可以把乏味的HTML 菜单转换为漂亮的导航栏。在我们的例子中我们将建立一个标准的HTML列表导航栏。导航条基本上是一个链接列表,所以使用ul和li元素。

导航:

1、每个网站都有导航,捷西网络举例子;

2、怎么制作网站导航:
1、我们通常用ul元素列表制作导航:
li元素;
a元素;

2、添加样式:
1、我们要把li元素展示同一行inline,不要另起一行vertical;
2、ul添加width样式;
3、锚标签下滑线移除;
4、字体让它好看:sans-serif;
5、li加个padding样式;
6、锚标签鼠标悬浮效果:hover;

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年8月8日

Previous Story

HTML教程入门

11. HTML浮动和简单布局

HTML浮动:只要是像div等块标签就要使用到浮动布局,在网页显示时,无论其宽的大小,都是独占一行。而在网页布局中,我们常常需要将两个或者是多个div并排放置。

...

Next Story

HTML教程入门

13. html表单

html表单:用于收集不同类型的用户输入。实例演示创建文本字段(Text field) 本例演示如何在HTML 页面创建文本域。form标签用于为用户输入创建HTML表单。

...