12. html导航栏

html导航栏-拥有易用的导航条对于任何网站都很重要导航条基本上是一个链接列表

Last Updated on

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;

Last modified: 2019年11月13日

前一篇

HTML语言学习

11. HTML浮动和简单布局

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

...

后一篇

HTML语言学习

13. html表单

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

...