html左边导航栏点击下拉显示内容,html导航栏-简单运用display设置左拉和下拉导航栏...

运用display的block设置左拉导航栏,设置下拉导航栏。

1左拉导航栏

index.html

  • 第一级d导航
    • heheh
    • heheh
    • heheh
  • 第二级导航
    • skdjfld
    • skdjfld
    • skdjfld
  • 第三季导航
    • dfasdf
    • dfasdf
    • dfasdf
index.css

*{

margin: 0;

padding:0;

}

li{

list-style: none;

}

.div1{

width: 100px;

height: 120px;

background: #aa1111;

margin: 100px;

border:1px solid #ccc;

border-bottom:none;

}

ul{

list-style: none;

margin: 0px;

你可能感兴趣的:(html左边导航栏点击下拉显示内容,html导航栏-简单运用display设置左拉和下拉导航栏...)