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;