如何用HTML+CSS制作导航条

 时间:2024-10-12 13:05:25

1、首先在body标签中建立一个div,为其命名为nav。

如何用HTML+CSS制作导航条

2、在div中建立一个无序列表,根据需要决定项目数量,打开浏览器浏览,我们看到的效果如下。

如何用HTML+CSS制作导航条

3、接下来我们为导航条中的元素逐一设置css样式,新为UL规定样式,代码及其注释如下,打开浏览器浏览,我们看到的效果如下。

如何用HTML+CSS制作导航条

4、再为UL中的LA规定样式,代码及其注释如下,打开浏览器浏览,我们看到的效果如下。

如何用HTML+CSS制作导航条

5、接下来为LA里的连接A标签规定样式,代码及其画陲奴颁注释如下,至此我们已经完成了导航条的制作,当鼠标移到公司简介这一连接时,文字显示白色,背景显示红色。

如何用HTML+CSS制作导航条
  • 怎样设置页面对话框
  • 如何在word中快速的浏览和修改文档
  • 怎样用Word表格制作课程表
  • vc6.0使用教程?
  • PHP中如何判断字符串是否含有中文
  • 热门搜索
    mps是什么意思 看电影用什么播放器好 情以何堪是什么意思 有什么好看的后宫动漫 award是什么意思 提前批次是什么意思 umbrella是什么意思 采菊东篱下悠然见南山的意思 肾亏有什么症状 三人行必有我师的意思