1. 大背景: repeat-x , 横向平铺一个图片。
2. 标题头:
div id="top" 设置居中: 需要先设置width 再设置 margin:0 auto; (这里的宽度一般只是指top的宽度。)为了避免浮动问题,height一般也最好设置出来。
ul class="top_menu" , ul + li + a 。 前面的·一般不兼容,出现的大小不同,这里最好使用背景或img图片。
url(.../images/body_bg.png) repeat-x right 14px; --- 这里定义了li的宽和高,只显示一部分图片。
定义字体居中: line-height:30px; 会自动向中间靠齐。
定义时,一系列的li,如果某一个出现了不同,再另外设置一个 class 来设置其样式。
url(../images/top_ico.png) no-repeat 0 -16px; 含义: 图片上去16个像素开始显示。
后面加图片的超链接,也是使用ul + li + img 。 (img 一般也是套在li中。)
3.header 部分:
光晕部分也是另外切出来的,注意白色背景也需要切除。