其他分享
首页 > 其他分享> > 制作伸缩导航栏

制作伸缩导航栏

作者:互联网

HTML部分:
在这里插入图片描述在abcd中可以写导航栏中的内容。

CSS部分:在这里插入图片描述
三个元素都要弹性布局,因此可以写在一起。在这里插入图片描述
pointer-event: none;这个属性可以让鼠标在放到span上时也可以选中或取消。在这里插入图片描述
加个transition是为了让展开和收起自然一些。
:checked是当副框被选中时,~是兄弟选择器,查找同一级ul。

标签:abcd,伸缩,导航,可以,选中,制作,选择器,pointer
来源: https://blog.csdn.net/qq_63361411/article/details/122802515