查看完整版本: 立体菜单

立体菜单

[color=#000000][color=#0000cc]<[/color][color=#0000ff]html[/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=#0000ff]title[/color][color=#0000cc]>[/color]立体菜单[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]设置menu菜单[color=#0000cc]*[/color][color=#0000cc]/[/color]
#[color=#0000ff]menu[/color] [color=#0000cc]{[/color]
    [color=#0000ff]font[/color][color=#0000ff]-[/color]family:Arial[color=#0000cc];[/color]
    [color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color]14px[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000cc],[/color][color=#0000cc]#[/color][color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]visited [color=#0000cc]{[/color]
    [color=#ff0000]text[/color][color=#ff0000]-[/color]decoration:none[color=#0000cc];[/color]    [color=#0000cc]/[/color][color=#0000cc]*[/color]文字无下划线[color=#0000cc]*[/color][color=#0000cc]/[/color]
    [color=#ff0000]text[/color][color=#ff0000]-[/color][color=#ff0000]align[/color][color=#ff0000]:[/color][color=#0000ff]center[/color][color=#0000cc];[/color]
    [color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]fff[color=#0000cc];[/color]
    display:block[color=#0000cc];[/color]
    [color=#ff0000]width[/color][color=#ff0000]:[/color]120px[color=#0000cc];[/color]
    padding:0[color=#0000cc].[/color]25em[color=#0000cc];[/color]
    margin:0[color=#0000cc].[/color]5em auto[color=#0000cc];[/color]
    [color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]8ab[color=#0000cc];[/color]
    [color=#ff0000]border[/color][color=#ff0000]:[/color]2px solid #fff[color=#0000cc];[/color]
    [color=#ff0000]border[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]def #678 #345 #cde[color=#0000cc];[/color]
    position:relation[color=#0000cc];[/color]            [color=#0000cc]/[/color][color=#0000cc]*[/color]使用相对定位[color=#0000cc]*[/color][color=#0000cc]/[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]
    top:2px[color=#0000cc];[/color]
    left:2px[color=#0000cc];[/color]
    [color=#ff0000]border[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]345 #cde #def #678[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]"menu"[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color]Home[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color]Contact Us[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color]Web Dev[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color]Web Design[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color][color=#0000ff]Map[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]a[/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]body[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]html[/color][color=#0000cc]>[/color][/color]