侧边导航栏

其中box属性中transition: width .5s,background-color .2s;表示动画效果。.box:hover鼠标移入事件改变背景颜色,宽度,鼠标变成小手。.a1中对其进行绝对定位,使其固定在屏幕的某个地方。

最后只需在在body中使用div即可完成一个简单的侧边导航栏。

下拉导航栏的编写

css侧边菜单

Lorem ipsum dolor sit amet, consectetur.

Blanditiis delectus labore quia quisquam voluptatem.

主要使用了无序列表。其中导航菜单外面有两个div。 对一级导航菜单使用相对定位,对二级导航菜单使用绝对定位。 对于背景颜色都可自行更改。 个人浅见,如有错漏还请指正。效果图如下:

精彩文章

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: