查看完整版本: CSS仿淘宝首页导航条布局效果

CSS仿淘宝首页导航条布局效果

[color=#000000][color=#0000cc]<[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]
[color=#0000cc]/[/color][color=#0000cc]*[/color] www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn 子鼠[color=#0000cc]*[/color][color=#0000cc]/[/color]
[color=#0000ff]body[/color][color=#0000cc]{[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color]12px[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color][color=#0000ff]center[/color][color=#0000cc];[/color]  margin-top:30px[color=#0000cc];[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color]family:Verdana[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000ff]div[/color][color=#0000cc],[/color][color=#0000ff]img[/color][color=#0000cc]{[/color]margin:0[color=#0000cc];[/color] padding:0[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]:[/color]0[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000ff]ul[/color][color=#0000cc],[/color][color=#0000ff]li[/color][color=#0000cc]{[/color]list-[color=#0000ff]style[/color][color=#0000ff]-[/color][color=#ff0000]type[/color][color=#ff0000]:[/color] none[color=#0000cc];[/color] margin:0[color=#0000cc];[/color] padding:0[color=#0000cc];[/color] float:left[color=#0000cc];[/color] [color=#0000cc]}[/color]
#[color=#ff0000]info[/color][color=#0000cc]{[/color] margin-left:auto[color=#0000cc];[/color] margin-right:auto[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]760px[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color]left[color=#0000cc];[/color][color=#0000cc]}[/color]
#new[color=#0000cc]{[/color] margin-top:-12px[color=#0000cc];[/color]position: absolute[color=#0000cc];[/color]margin-left:-12px[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav[color=#0000cc]{[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]30px[color=#0000cc];[/color] [color=#ff0000]width[/color][color=#ff0000]:[/color]610px[color=#0000cc];[/color] margin-left:auto[color=#0000cc];[/color] margin-right:auto[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color][color=#0000cc]{[/color]margin-left:1px[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]30px[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000cc]{[/color] display:block[color=#0000cc];[/color]float:left[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color]decoration:none[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]-[/color]image: url[color=#0000cc]([/color]http:[color=#0000cc]/[/color][color=#0000cc]/[/color]www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn[color=#0000cc]/[/color]attachments[color=#0000cc]/[/color]month_0605[color=#0000cc]/[/color]r200652134132[color=#0000cc].[/color]gif[color=#0000cc])[/color][color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]repeat: no-repeat[color=#0000cc];[/color] display:block[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]-[/color]position:left top[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]a[/color] [color=#0000ff]span[/color][color=#0000cc]{[/color]cursor:hand[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]000[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]image: url[color=#0000cc]([/color]http:[color=#0000cc]/[/color][color=#0000cc]/[/color]www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn[color=#0000cc]/[/color]attachments[color=#0000cc]/[/color]month_0605[color=#0000cc]/[/color]v200652134115[color=#0000cc].[/color]gif[color=#0000cc])[/color][color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]repeat: no-repeat[color=#0000cc];[/color] display:block[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: right top[color=#0000cc];[/color] padding:7px 10px 6px 10px[color=#0000cc];[/color] float:left[color=#0000cc];[/color] [color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]margin-top:0px[color=#0000cc];[/color] [color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color]  [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color] [color=#0000cc]{[/color]padding:10px 10px 6px 10px[color=#0000cc];[/color] margin-top:0px[color=#0000cc];[/color] display:block[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FFF[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -27px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color] [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -27px[color=#0000cc];[/color]padding:10px 10px 6px 10px[color=#0000cc];[/color] margin-top:0[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FFF[color=#0000cc];[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color]weight:bold[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000cc]{[/color]margin-top:3px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -57px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -57px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -87px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -87px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -117px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -117px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -147px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -147px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -177px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -177px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -207px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -207px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -237px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -237px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -267px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -267px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -297px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -297px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color] [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF6600[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -327px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -327px[color=#0000cc];[/color][color=#0000cc]}[/color]
#[color=#0000ff]menu[/color][color=#0000cc]{[/color] [color=#ff0000]width[/color][color=#ff0000]:[/color]760px[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]26px[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF9900[color=#0000cc];[/color][color=#0000cc]}[/color]
#r1[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]-[/color]left:3px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:3px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
#r2[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]-[/color]left:2px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:2px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
#r3[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color]    [color=#ff0000]border[/color][color=#ff0000]-[/color]left:1px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:1px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]style[/color][color=#0000cc]>

[/color][/color][b]以下是内容部分：
[/b]
[color=#000000][color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"info"[/color][color=#0000cc]>[/color]
    [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"nav"[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000ff]ul[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu01"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]首页[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu02"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]数码通讯[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu03"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]女人[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu04"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]男人[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu05"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]家居[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu06"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]书籍音像[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu07"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]运动[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu08"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]游戏[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu09"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]宠物[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu10"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]香港街[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu11"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]淘宝商城[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
            [color=#0000cc]<[/color][color=#0000ff]li[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"new"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]img[/color] [color=#ff0000]src[/color][color=#0000cc]=[/color][color=#ff00ff]"/down/upload/2007-5-18/200751814274451352.gif"[/color] [color=#ff0000]alt[/color][color=#0000cc]=[/color][color=#ff00ff]"新加栏目"[/color] [color=#0000cc]/[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]ul[/color][color=#0000cc]>[/color]
    [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]     
    [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"menu"[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r1"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r2"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r3"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
        [color=#0000cc]<[/color][color=#0000ff]div[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
    [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]p[/color][color=#0000cc]>[/color]仿淘宝网首页导航条效果 转载请注明出处 子鼠 www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn 2006-05-21 凌晨03:05分[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]p[/color][color=#0000cc]>[/color][/color]

[color=#000000][color=#0000cc]<[/color][color=#0000ff]!DOCTYPE[/color] [color=#0000ff]html[/color] PUBLIC [color=#ff00ff]"-//W3C//DTD XHTML 1.0 Transitional//EN"[/color] [color=#ff00ff]"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]html[/color] xmlns[color=#0000cc]=[/color][color=#ff00ff]"http://www.w3.org/1999/xhtml"[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]head[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]meta[/color] http-equiv[color=#0000cc]=[/color][color=#ff00ff]"Content-Type"[/color] [color=#ff0000]content[/color][color=#0000cc]=[/color][color=#ff00ff]"text/html; charset=utf-8"[/color] [color=#0000cc]/[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]TAO BAO TEST 2[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]
[color=#0000cc]/[/color][color=#0000cc]*[/color] www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn 子鼠[color=#0000cc]*[/color][color=#0000cc]/[/color]
[color=#0000ff]body[/color][color=#0000cc]{[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color]12px[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color][color=#0000ff]center[/color][color=#0000cc];[/color]  margin-top:30px[color=#0000cc];[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color]family:Verdana[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000ff]div[/color][color=#0000cc],[/color][color=#0000ff]img[/color][color=#0000cc]{[/color]margin:0[color=#0000cc];[/color] padding:0[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]:[/color]0[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000ff]ul[/color][color=#0000cc],[/color][color=#0000ff]li[/color][color=#0000cc]{[/color]list-[color=#0000ff]style[/color][color=#0000ff]-[/color][color=#ff0000]type[/color][color=#ff0000]:[/color] none[color=#0000cc];[/color] margin:0[color=#0000cc];[/color] padding:0[color=#0000cc];[/color] float:left[color=#0000cc];[/color] [color=#0000cc]}[/color]
#[color=#ff0000]info[/color][color=#0000cc]{[/color] margin-left:auto[color=#0000cc];[/color] margin-right:auto[color=#0000cc];[/color][color=#ff0000]width[/color][color=#ff0000]:[/color]760px[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color]left[color=#0000cc];[/color][color=#0000cc]}[/color]
#new[color=#0000cc]{[/color] margin-top:-12px[color=#0000cc];[/color]position: absolute[color=#0000cc];[/color]margin-left:-12px[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav[color=#0000cc]{[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]30px[color=#0000cc];[/color] [color=#ff0000]width[/color][color=#ff0000]:[/color]610px[color=#0000cc];[/color] margin-left:auto[color=#0000cc];[/color] margin-right:auto[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color][color=#0000cc]{[/color]margin-left:1px[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]30px[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000cc]{[/color] display:block[color=#0000cc];[/color]float:left[color=#0000cc];[/color] [color=#ff0000]text[/color][color=#ff0000]-[/color]decoration:none[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]-[/color]image: url[color=#0000cc]([/color]http:[color=#0000cc]/[/color][color=#0000cc]/[/color]www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn[color=#0000cc]/[/color]attachments[color=#0000cc]/[/color]month_0605[color=#0000cc]/[/color]r200652134132[color=#0000cc].[/color]gif[color=#0000cc])[/color][color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]repeat: no-repeat[color=#0000cc];[/color] display:block[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]-[/color]position:left top[color=#0000cc];[/color][color=#0000cc]}[/color]
#nav [color=#0000ff]a[/color] [color=#0000ff]span[/color][color=#0000cc]{[/color]cursor:hand[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]000[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]image: url[color=#0000cc]([/color]http:[color=#0000cc]/[/color][color=#0000cc]/[/color]www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn[color=#0000cc]/[/color]attachments[color=#0000cc]/[/color]month_0605[color=#0000cc]/[/color]v200652134115[color=#0000cc].[/color]gif[color=#0000cc])[/color][color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]repeat: no-repeat[color=#0000cc];[/color] display:block[color=#0000cc];[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: right top[color=#0000cc];[/color] padding:7px 10px 6px 10px[color=#0000cc];[/color] float:left[color=#0000cc];[/color] [color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]margin-top:0px[color=#0000cc];[/color] [color=#0000cc]}[/color]
#nav [color=#0000ff]li[/color]  [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]nav [color=#0000ff]li[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color] [color=#0000cc]{[/color]padding:10px 10px 6px 10px[color=#0000cc];[/color] margin-top:0px[color=#0000cc];[/color] display:block[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FFF[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -27px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color] [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu01 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -27px[color=#0000cc];[/color]padding:10px 10px 6px 10px[color=#0000cc];[/color] margin-top:0[color=#0000cc];[/color] [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FFF[color=#0000cc];[/color] [color=#0000ff]font[/color][color=#0000ff]-[/color]weight:bold[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000cc]{[/color]margin-top:3px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -57px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu02 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -57px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -87px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu03 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -87px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -117px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu04 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -117px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -147px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu05 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -147px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -177px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu06 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -177px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -207px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu07 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -207px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -237px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu08 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -237px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -267px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu09 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -267px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -297px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu10 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -297px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color][color=#0000ff]link[/color] [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF6600[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]active[color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position: 0px -327px[color=#0000cc];[/color][color=#0000cc]}[/color]
#zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]active [color=#0000ff]span[/color][color=#0000cc],[/color][color=#0000cc]#[/color]zishu11 [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc]{[/color][color=#ff0000]background[/color][color=#ff0000]-[/color]position:right -327px[color=#0000cc];[/color][color=#0000cc]}[/color]
#[color=#0000ff]menu[/color][color=#0000cc]{[/color] [color=#ff0000]width[/color][color=#ff0000]:[/color]760px[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]26px[color=#0000cc];[/color] [color=#ff0000]background[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]FF9900[color=#0000cc];[/color][color=#0000cc]}[/color]
#r1[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]-[/color]left:3px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:3px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
#r2[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]-[/color]left:2px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:2px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
#r3[color=#0000cc]{[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]top: 0px[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]bottom: 0px[color=#0000cc];[/color] [color=#ff0000]border[/color][color=#ff0000]-[/color]left:1px solid #fff[color=#0000cc];[/color][color=#ff0000]border[/color][color=#ff0000]-[/color]right:1px solid #fff[color=#0000cc];[/color] [color=#ff0000]height[/color][color=#ff0000]:[/color]1px[color=#0000cc];[/color] overflow:hidden[color=#0000cc];[/color][color=#0000cc]}[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]style[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]head[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]body[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"info"[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"nav"[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000ff]ul[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu01"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]首页[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu02"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]数码通讯[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu03"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]女人[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu04"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]男人[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu05"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]家居[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu06"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]书籍音像[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu07"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]运动[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu08"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]游戏[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu09"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]宠物[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu10"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]香港街[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"zishu11"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"http://www.zishu.cn"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]淘宝商城[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
   [color=#0000cc]<[/color][color=#0000ff]li[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"new"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]img[/color] [color=#ff0000]src[/color][color=#0000cc]=[/color][color=#ff00ff]"/down/upload/2007-5-18/200751814274451352.gif"[/color] [color=#ff0000]alt[/color][color=#0000cc]=[/color][color=#ff00ff]"新加栏目"[/color] [color=#0000cc]/[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]li[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]ul[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"menu"[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r1"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r2"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000ff]div[/color] [color=#ff0000]id[/color][color=#0000cc]=[/color][color=#ff00ff]"r3"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
  [color=#0000cc]<[/color][color=#0000ff]div[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]div[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]p[/color][color=#0000cc]>[/color]仿淘宝网首页导航条效果 转载请注明出处 子鼠 www[color=#0000cc].[/color]zishu[color=#0000cc].[/color]cn 2006-05-21 凌晨03:05分[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]p[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]body[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]html[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]script[/color] [color=#ff0000]language[/color][color=#0000cc]=[/color][color=#ff00ff]"Javascript"[/color][color=#0000cc]>[/color]
[color=#0000ff]var[/color] now [color=#0000cc]=[/color] new Date[color=#0000cc]([/color][color=#0000cc])[/color][color=#0000cc];[/color]
document[color=#0000cc].[/color]write[color=#0000cc]([/color][color=#ff00ff]"<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="[/color][color=#0000cc]+[/color]escape[color=#0000cc]([/color]document[color=#0000cc].[/color]referrer[color=#0000cc])[/color][color=#0000cc]+[/color][color=#ff00ff]"&rand="[/color][color=#0000cc]+[/color] now[color=#0000cc].[/color]getTime[color=#0000cc]([/color][color=#0000cc])[/color]  [color=#0000cc]+[/color] [color=#ff00ff]"&cur="[/color][color=#0000cc]+[/color]escape[color=#0000cc]([/color]document[color=#0000cc].[/color]URL[color=#0000cc])[/color][color=#0000cc]+[/color][color=#ff00ff]"' border='0' alt='' width='0' height='0'>"[/color][color=#0000cc])[/color][color=#0000cc];[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]script[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]noscript[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]img[/color] [color=#ff0000]src[/color][color=#0000cc]=[/color][color=#ff00ff]"http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter"[/color] [color=#ff0000]border[/color][color=#0000cc]=[/color][color=#ff00ff]'0'[/color] [color=#ff0000]width[/color][color=#0000cc]=[/color][color=#ff00ff]'0'[/color] [color=#ff0000]height[/color][color=#0000cc]=[/color][color=#ff00ff]'0'[/color][color=#0000cc]/[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]noscript[/color][color=#0000cc]>[/color]

[/color]

DIV+CSS容易犯的十个错误

DIV+CSS是网站标准(或称“Web标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用DIV+CSS的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误：1. 检查HTML元素是否有拼写错误、是否忘记结束标记即使是老手也经常会弄错div的嵌套关系。可以用dreamweaver的验证功能检查一下有无错误。2. 检查CSS是否正确检查一下有无拼写错误、是否忘记结尾等。可以利用CleanCSS来检查 CSS的拼写错误。CleanCSS本是为CSS减肥的工具，但也能检查出拼写错误。3. 确定错误发生的位置如果错误影响了整体布局，则可以逐个删除div块，直到删除某个div块后显示恢复正常，即可确定错误发生的位置。4. 利用border属性确定出错元素的布局特性使用float属性布局一不小心就会出错。这时为元素添加border属性确定元素边界，错误原因即水落石出。5. float元素的父元素不能指定clear属性MacIE下如果对float的元素的父元素使用clear属性，周围的float元素布局就会混乱。这是MacIE的着名的bug，倘若不知道就会走弯路。6. float元素务必指定width属性很多浏览器在显示未指定width的float元素时会有bug。所以不管float元素的内容如何，一定要为其指定width属性。另外指定元素时尽量使用em而不是px做单位。7. float元素不能指定margin和padding等属性IE在显示指定了margin和padding的float元素时有bug。因此不要对float元素指定margin和padding属性(可以在float元素内部嵌套一个div来设置margin和padding)。也可以使用hack方法为IE指定特别的值。8. float元素的宽度之和要小于100%如果float元素的宽度之和正好是100%，某些古老的浏览器将不能正常显示。因此请保证宽度之和小于99%。9. 是否重设了默认的样式? 某些属性如margin、padding等，不同浏览器会有不同的解释。因此最好在开发前首先将全体的margin、padding设置为0、列表样式设置为none等。10. 是否忘记了写DTD？如果无论怎样调整不同浏览器显示结果还是不一样，那么可以检查一下页面开头是不是忘了写下面这行DTD： [url]www.csvt.net[/url]
本文来源：python爱好者