css：

　　#nav a{float:left;background:url("../images/navLeft.gif") no-repeat left top;padding:0;text-decoration:none; cursor:hand;}

　　#nav a span {float:left;display:block;background:url("../images/navRight.gif") no-repeat right top;padding:5px 36px 5px 40px;color:#ffffff}

　　原理相似，注意背景图像定位。

　　14:完美的居中布局：body{text-align：center；mini-width：760px；}

　　                  div#wrapper{margin：0 auto；text-align：left；width：750px；}

　　mini-width IE并不认识 这是为老浏览器准备的，只是这个值比你需要的实际页面大就OK

　　15:小图标有时会给页面增色不少 用前记得规划好 整到一张大图片上 这样可以减少服务器请求次数。