用CSS做一个简易侧边栏

在下拉菜单的基础上进行了一点点改进,完成一个可以自动隐藏的侧边栏。
其实使用到的内容和下拉菜单一样,只是使用了“hover”伪类选择器,通过这个来实现,如果想要使用js实现只需要使用“onmouseenter”、“onmouseleave”对鼠标进行监听,如果鼠标在标签内则改变标签位置、大小同样可以实现。
都是基础内容,就不进行标注了。
本体:

    • 绕指柔
    • 上眉梢
    • 再重头
    • 绕指柔
    • 上眉梢
    • 再重头
    • 绕指柔
    • 上眉梢
    • 再重头
    • 绕指柔
    • 上眉梢
    • 再重头

对应CSS:


效果图:
用CSS做一个简易侧边栏_第1张图片用CSS做一个简易侧边栏_第2张图片

你可能感兴趣的:(CSS,css,html)