轻烤

拉斯张贴的一篇文章“ 巢名单来创建一个简单的文件夹metaphore ” 。 思想我想套用相同的标记，并改变创造的CSS左侧导航重新宗旨和重新使用相同的代码。 所以在这里不用。 '当然，我期待您想要改变的像素大小旅馆 ，使所有的亲戚。 将 CSS也可以简化一点进一步。

的HTML

<ul id="sitemap">
<li>的<a href="#">项目1 “ / 1 ” “ /丽”
<li>的<a href="#">项目2 “ / 1 ” “ /丽”
<li>的<a href="#">项目3 “ / 1 ” “ /丽”
<li>的<a href="#" class="open">项目4 “ / 1 ”

<ul>
<li>的<a href="#">分项目1 “ / 1 ” “ /丽”
<li>的<a href="#">分项2 “ / 1 ” “ /丽”
<li>的<a href="#" class="open">分项目3 “ / 1 ”

<ul>
<li>的<a href="#">分分项目1 “ / 1 ” “ /丽”
<li>的<a href="#">分分项2 “ / 1 ” “ /丽”
<li>的<a href="#" class="open">分分项目3 “ / 1 ”

<ul>
<li>的<a href="#">分分分项目1 “ / 1 ” “ /丽”
<li>的<a href="#">分分分项2 “ / 1 ” “ /丽”
<li>的<a href="#">分分分项目3 “ / 1 ” “ /丽”
<li>的<a href="#">分分分项目4 “ / 1 ” “ /丽”
“ / UL认证”

“ /丽”

<li>的<a href="#">分分项目4 “ / 1 ” “ /丽”
“ / UL认证”
“ /丽”

<li>的<a href="#">分项目4 “ / 1 ” “ /丽”
“ / UL认证”
“ /丽”

<li>的<a href="#">项目5 “ / 1 ” “ /丽”
<li>的<a href="#">项目6 “ / 1 ” “ /丽”
“ / UL认证”

的CSS

UL认证网站 （ ＃
边界：无;
保证金： 0 ;
列表样式类型：无;
背景颜色： ＃足协;
填充： 0 ;
宽度： 175px ;
字体：正常的93 ％绿色，无-线;
边界的权利： 1px ＃ f3f1ed坚实;
颜色： ＃ 333 ;
浮法：左;
保证金： 0 0 1em 0 ;
）

UL认证网站莉＃ （缘底： 0 ; ）

UL认证＃网站丽了一个（
背景：网址（ arrow_black_r.gif ）有权不重复＃ DFDBD5 ;
颜色： ＃ 000 ;
字型粗细：大胆;
显示：块;
填充： 7px 7px 7px 0.5em ;
文字修饰：无;
宽度：汽车;
）

UL认证网站莉＃ （ a.open
背景： ＃ f3f1ed网址（ arrow_brown_d.gif ）没有重复的权利;
颜色： ＃ 6a2b04 ;
字型粗细：大胆;
）

UL认证＃网站李a.open （
背景： ＃ e3e0db网址（ arrow_brown_d.gif ）没有重复的权利;
颜色： ＃ 6a2b04 ;
字型粗细：大胆;
）

UL认证＃网站李力a.open （
背景： ＃ dfdbd5网址（ arrow_brown_d.gif ）没有重复的权利;
颜色： ＃ 6a2b04 ;
字型粗细：大胆;
）

UL认证＃网站李李a.open （
背景： ＃ dfdbd5网址（ arrow_brown_d.gif ）没有重复的权利;
颜色： ＃ 6a2b04 ;
字型粗细：大胆;
）

/ *第二层* /

UL认证＃ （ 网站UL认证
保证金： 0 0 0 0 ;
填充： 0 ;
列表样式类型：无;
）

UL认证＃网站李 （背景：网址（ dot2.gif ）不重复; ）

UL认证＃网站李莉了一个（
背景：网址（ arrow_or_r.gif ） 5px没有重复＃ F3F1ED ;
颜色： ＃ 000 ;
字型粗细：正常;
显示：块;
填充： 7px 7px 7px 1.3em ;
文字修饰：无;
宽度：汽车;
）

/ *第三个层次* /

UL认证网站＃ （ UL认证UL认证
背景：网址（ dot.gif ）重复信号30px 0 ;
）

UL认证＃网站李力 （
背景：网址（ dot2.gif ）没有重复30px 0.5旅馆;
）

UL认证＃网站李力了一个（
填充： 0.5旅馆0 .5旅馆2.5em ;
背景：网址（ arrow_or_r.gif ） 18px没有重复＃ F3F1ED ;
）

/ *第四级* /

＃网站UL认证UL认证UL认证UL认证 （
背景：网址（ dot.gif ）重复信号60px 0 ;
）
UL认证＃网站李李 （
背景：网址（ dot2.gif ）没有重复60px 0 ;
）
UL认证＃网站李莉李莉了一个（
填充： 0.5旅馆0 .5旅馆3.5em ;
背景：网址（ arrow_or_r.gif ） 31px没有重复＃ F3F1ED ;
）
答：链接 （
颜色： ＃ 000 ;
背景颜色：透明;
）
答：悬停 （
颜色： ＃ b64908 ;
）