最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

侧边导航栏css示例_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:20:06
文档

侧边导航栏css示例_html/css_WEB-ITnose

侧边导航栏css示例_html/css_WEB-ITnose:效果展示: html: 优先级 全部 P1 P2 P3 P4 css: .sidebar { border-right: 1px solid #f0f2f1; width: 180px; float: left; padding-left: 35px;}.sidebar>ul { list-style: none; paddi
推荐度:
导读侧边导航栏css示例_html/css_WEB-ITnose:效果展示: html: 优先级 全部 P1 P2 P3 P4 css: .sidebar { border-right: 1px solid #f0f2f1; width: 180px; float: left; padding-left: 35px;}.sidebar>ul { list-style: none; paddi


效果展示:

html:

 
  • 优先级
  • 全部
  • P1
  • P2
  • P3
  • P4
  • css:

    .sidebar { border-right: 1px solid #f0f2f1; width: 180px; float: left; padding-left: 35px;}.sidebar>ul { list-style: none; 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;}

    文档

    侧边导航栏css示例_html/css_WEB-ITnose

    侧边导航栏css示例_html/css_WEB-ITnose:效果展示: html: 优先级 全部 P1 P2 P3 P4 css: .sidebar { border-right: 1px solid #f0f2f1; width: 180px; float: left; padding-left: 35px;}.sidebar>ul { list-style: none; paddi
    推荐度:
    标签: 导航 菜单 导航栏
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top