2、变幻菜单

下面我们来实现如下图所示的菜单,我们将她称之为变幻菜单,把鼠标移入到当前菜单上,菜单的字体内容,颜色,背景颜色都发生改变。其他菜单不发生任何改变。 

CSS实现常用菜单(二)

CSS实现常用菜单(二)

这里我们是通过html+css来实现这种变幻的菜单效果

html代码

CSS实现常用菜单(二) 

最外层是一个div,在div的里面包含的ulli就是用来显示菜单,每个li里包含a标签,首页,课程大厅,学习中心,关于我们。每个a标签里面包含一个span标签,span标签包含的就是当鼠标移入到菜单后,显示的新的菜单。

css代码

CSS实现常用菜单(二)

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-01-04
  • 2021-12-21
  • 2021-12-15
猜你喜欢
  • 2021-08-11
  • 2022-12-23
  • 2021-08-19
  • 2021-05-23
  • 2021-11-27
  • 2022-12-23
  • 2021-06-22
相关资源
相似解决方案