用css制作网页目录,利用CSS制作树状目录（菜单）

通过对CSS边框属性(bottom-border)的样式定义来制作树状目录。

1. HTML 代码

• 设计 20
• 灵感 32
• 免费素材 24

2. CSS 代码

.menu {

width: 500px;

list-style: none;

margin: 0 0 2em;

padding: 0;

font: 150%/100% Arial, Helvetica, sans-serif;

}

.menu li {

clear: both;

margin: 0;

padding: 0 0 1.8em 0;

position: relative;

border-bottom: dotted 2px #999;

}

.menu strong {

background: #fff;

padding: 0 10px 0 0;

font-weight: normal;

position: absolute;

bottom: -.3em;

left: 0;

}

.me