本文分享了一个侧导航栏CSS示例，供大家参考，详情如下

设计素描 uff1a

HTML：

xml代码将内容复制到剪贴板。




优先

整体
P1
P2
P3
P4








Css：

CSS代码将内容复制到剪贴板。


{。侧边栏
边境：1px solid # f0f2f1；
宽度：180px；
浮点数：左；
左：35px填充；
}

{侧边栏> UL
列表样式：无；
填充：0；
保证金：0；
}

{侧栏> UL >李
字体大小：18px；
字体重量：400；
填料：0010px；
边距：5px；
}

{侧边栏>
边境上：1px冲RGBA（0,0,0,0.1）；
显示块；
列表样式：无；
保证金：5px010px0；
填料：10px0010px；
字体大小：14px；
马克斯身高：138px；
溢出：自动；
}

侧边栏{
线高度：1.5；
}

侧边栏{
颜色：# e74430；
光标：指针；
}

{选择的边栏
颜色：# e74430；
}



以上是css侧导航栏的例子讲解，希望能对大家学习导航栏有所帮助。