html这种导航栏怎么做

html-css010

html这种导航栏怎么做,第1张

这种导航栏可以利用纯css解决的

主要是运用a:hover 和 display:block

当a:hover鼠标悬浮时， 改变a的背景图片

然后然原来隐藏的二级水平导航栏display:none变成display:block

html做导航栏步骤如下：

1、用Dreamweaver新建一个HTML文件；

2、按ctrl+s先保存，以防突然断电数据丢失；

3、修改title为html+css实现横向导航；

4、新建一个divid为“a”，添加ulli标签；

5、在li中添加自己想要的文字并调整好文字间距，按F12预览；6、首先去掉字体前面的小黑点。

HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。