样式表：.up{border-right: #000000 2px solid; border-top: #FFFFFF 2px solid; border-left: #FFFFFF 2px solid; border-bottom: #000000 2px solid; background-color: #D8D8D0}

　　在要用立体感的层上加上class=up 例子：<div class=up style=".."></div>

　　要使层有凸出感，我们可以先选择好层的背景，层的上、左边框用比背景颜色浅一些，而层的下、右边框用比背景深一些。同样如果定义有凹进感的层，上、左边要深，下、右边要浅。边框的宽度来改变立体感的强弱。像快速启动栏处的凸出感不太强，1px就可以了。 看一个没有定义好相式表的情况

桌面图标， 从图标的要求与功能上来看，它应该可以拖动、双击打开链接、图标的外观与链接的内容相关等。这样要求我们来用每个层来定义一个图标，图标的拖动就是层的拖动和层的绝对定位。图标图片最好是透明的GIF图片，大小与图标大小一致32×32。我们可以用.ICO文件来转换成.GIF图形，或者用抓图软件来抓取系统桌面的图标。当然如果你的图像处理的水平不错，你可以做好更好看的图标。双击链接，我们可以通来onDblClick（双击）鼠标事件来完成。排列图标的实现，就是再一次对层的绝对定位。

菜单， 菜单每个项目同样是用层。主要用到鼠标的悬停(onmouseover)、鼠标离开(onmouseout)来改变层的背景色，和菜单的隐藏与显示。开菜单栏的图片用24×24大小的GIF图片，菜单的下一级目录菜单可以用16×16大小的。同一类菜单放在一个层中来定位。