侧边导航栏css示例

阅读： 评论：0

侧边导航栏css⽰例效果展⽰：

html：

<div class="sidebar">

<ul>

<li>优先级

<ul>

<li><aonclick=""class="sidebar-selected">全部</a></li>

医学成像系统<li><aonclick="">P1</a></li>

<li><aonclick="">P2</a></li>

<li><aonclick=“" >P3</a></li>

地源热泵换热<li><aonclick="">P4</a></li>

汽车扎带</ul>

</li>

</ul>

增高减肥鞋</div>

css：

.sidebar {

border-right: 1px solid #f0f2f1;

width: 180px;

float: left;

padding-left: 35px;

}

.sidebar>ul {

list-style: none;

rtyrty

padding: 0;

margin: 0;

}

.sidebar>ul>li {

font-size: 18px;

font-weight: 400;

padding: 0010px;

margin-top: 5px;

}

.sidebar>ul>li>ul {

border-top: 1px dashed rgba(0,0,0,0.1);    display: block;

list-style: none;

margin: 5px010px0;

padding: 10px0010px;

font-size: 14px;

max-height: 138px;

overflow: auto;

拉挤模具

}

.sidebar a {

line-height: 1.5;

}

.sidebar a:hover {

color: #e74430;

cursor:pointer;

}

.sidebar-selected {

color: #e74430;

}

本文发布于:2023-06-17 06:57:06，感谢您对本站的认可！

本文链接：https://patent.en369.cn/patent/3/141944.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。

上一篇：墙面C型墙梁计算技术手册

下一篇：偏光片侧边专用切铣刀盘的设计

标签：系统   源热泵   增高   模具   成像   换热   减肥   拉挤