Nothing 2008-6-30 10:38
箭头菜单
[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]"[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"[/url];[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]html[/color] xmlns[color=#0000cc]=[/color][color=#ff00ff]"[url=http://www.w3.org/1999/xhtml%22]http://www.w3.org/1999/xhtml"[/url];[/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]箭头菜单[color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]title[/color][color=#0000cc]>[/color]
[color=#0000cc]<[/color][color=#0000ff]style[/color] [color=#ff0000]type[/color][color=#0000cc]=[/color][color=#ff00ff]"text/css"[/color][color=#0000cc]>[/color]
#[color=#0000ff]menu[/color] [color=#0000cc]{[/color]
[color=#0000ff]font[/color][color=#0000ff]-[/color]family:Arial[color=#0000cc],[/color] Helvetica[color=#0000cc],[/color] sans-serif[color=#0000cc];[/color]
[color=#0000ff]font[/color][color=#0000ff]-[/color][color=#ff0000]size[/color][color=#ff0000]:[/color]14px[color=#0000cc];[/color]
[color=#ff0000]width[/color][color=#ff0000]:[/color]140px[color=#0000cc];[/color]
margin:0 auto[color=#0000cc];[/color]
[color=#ff0000]border[/color][color=#ff0000]:[/color]solid 1px #ccc[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/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=#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]000[color=#0000cc];[/color]
display:block[color=#0000cc];[/color]
padding:4px[color=#0000cc];[/color]
[color=#ff0000]background[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]fff[color=#0000cc];[/color]
[color=#ff0000]border[/color][color=#ff0000]:[/color]solid 1px #fff[color=#0000cc];[/color]
position:relative[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000cc]{[/color]
[color=#ff0000]border[/color][color=#ff0000]-[/color][color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]c00[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color] [color=#0000cc]{[/color]
display:block[color=#0000cc];[/color]
position:absolute[color=#0000cc];[/color]
[color=#ff0000]height[/color][color=#ff0000]:[/color]0px[color=#0000cc];[/color]
[color=#ff0000]width[/color][color=#ff0000]:[/color]0px[color=#0000cc];[/color]
overflow:hidden[color=#0000cc];[/color]
[color=#ff0000]border[/color][color=#ff0000]:[/color]8px solid #fff[color=#0000cc];[/color]
top:4px[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc].[/color]left [color=#0000cc]{[/color]
[color=#ff0000]border[/color][color=#ff0000]-[/color]left-[color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]c00[color=#0000cc];[/color]
left:8px[color=#0000cc];[/color]
[color=#0000cc]}[/color]
#[color=#0000ff]menu[/color] [color=#0000ff]a[/color][color=#0000ff]:[/color]hover [color=#0000ff]span[/color][color=#0000cc].[/color]right [color=#0000cc]{[/color]
[color=#ff0000]border[/color][color=#ff0000]-[/color]right-[color=#ff0000]color[/color][color=#ff0000]:[/color][color=#ff0000]#[/color]c00[color=#0000cc];[/color]
right:8px[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][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"left"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]Home[color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"right"[/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=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"left"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]Contact Us[color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"right"[/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=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"left"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]Web Dev[color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"right"[/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=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"left"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color]Web Design[color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"right"[/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=#0000ff]a[/color] [color=#ff0000]href[/color][color=#0000cc]=[/color][color=#ff00ff]"#"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"left"[/color][color=#0000cc]>[/color][color=#0000cc]<[/color][color=#0000cc]/[/color][color=#0000ff]span[/color][color=#0000cc]>[/color][color=#0000ff]Map[/color][color=#0000cc]<[/color][color=#0000ff]span[/color] [color=#ff0000]class[/color][color=#0000cc]=[/color][color=#ff00ff]"right"[/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]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]
netice 2008-6-30 20:34
:L 不会吧老大CSS也这么厉害。。
貌似我在CSS里都不用#号啊
#menu {
……
}
Nothing 2008-7-5 12:06
CSS是很强的。
用#是可以自己在标签中定义的，上面所示的
<span class="menu"></span>