& lthead & gt
& ltmeta http-equiv = " Content-Type " Content = " text/html； charset=gb23 12" />
& lttitle & gt untitled document
& ltstyle type="text/css " >
Text {
Background color: white;
font-size: 12px；
Font series: Arial, Helvetica, sans serif;
Margin: 0px
Fill: 0px
Color: white;
}
ul，li{
Margin: 0px
Fill: 0px
}
Li (
Display: embedded;
List style: None;
List-Style-Location: External;
Text alignment: centered;
Font thickness: bold;
Floating: left;
}
A: Links {
Color: # 336601;
Text-Decoration: None;
Floating: left;
Width:100px;
Filling: 3px 5px 0px 5px
}
A: I have visited {
Color: # 336601;
Text-Decoration: None;
Floating: left;
Filling: 3px 5px 0px 5px
Width:100px;
}
A: Hover {
Color: white;
Floating: left;
Filling: 3px 3px 0px 20px
Width: 88px
Text-Decoration: None;
Background color: # 539D26
}
A: Active {
Color: white;
Floating: left;
Filling: 3px 3px 0px 20px
Width: 88px
Text-Decoration: None;
Background color: # BD06B4
}
#nav{
Width: 600px
Height: 30px
Border-bottom: 0px
Filling: 0px 5px
Location: absolute;
Z index:1;
Left:198px;
top:25px；
}
. List {
Line height: 20px
Text alignment: left alignment;
Fill: 4px
Font thickness: normal;
}
. menu 1{
Width:120px;
Height: automatic;
Margin: 6px 4px 0px 0px
Border: 1px solid # 9CDD75
Background color: # f1fbec;
Color: # 336601;
Filling: 6px 0px 0px 0px
Cursor: hand;
Overflow -y: hidden;
Filter: Alpha (opacity = 70);
-moz- opacity: 0.7;
}
. menu2{
Width:120px;
Height:18px;
Margin: 6px 4px 0px 0px
Background color: # F5F5F5
Color: # 999900;
Border: 1px solid # EEE8DD
Filling: 6px 0px 0px 0px
Overflow -y: hidden;
Cursor: hand;
}
& lt/style & gt；
& lt/head & gt；
& ltbody & gt
& ltdiv id="nav " >
& ltul & gt
& lt Li class = "menu2" onmouseover = "this.classname =' menu1'"onmouseout = "this.classname =' menu2'" > My home page
& ltdiv class="list " >
& lta href = "#"> I like CSS.
& lta href = "#"> My Home Page
& lta href = "#"> My blog
& lta href = "#"> My blog
& lta href = "#"> My photo album
& lta href = "#"> My Collection
& lt/div & gt；
& lt/ Li>
& lt Li class = "menu2" onmouseover = "this.classname =' menu1'"onmouseout = "this.classname =' menu2'" > Community circle
& ltdiv class="list " >
& lta href = "#"> I like CSS.
& lta href = "#"> My Home Page
& lta href = "#"> My blog
& lta href = "#"> My photo album
& lta href = "#"> My Collection
& lt/div & gt；
& lt/ Li>
& lt Li class = "menu2" onmouseover = "this.classname =' menu1'"onmouseout = "this.classname =' menu2'" > My short message
& ltdiv class="list " >
& lta href = "#"> I like CSS.
& lta href = "#"> My photo album
& lta href = "#"> My Collection
& lt/div & gt；
& lt/ Li>
& lt Li class = "menu2" onmouseover = "this.classname =' menu1'"onmouseout = "this.classname =' menu2'" > Account management
& ltdiv class="list " >
& lta href = "#"> I like CSS.
& lta href = "#"> My Home Page
& lta href = "#"> My blog
& lta href = "#"> My photo album
& lta href = "#"> My Collection
& lta href = "#"> My blog
& lta href = "#"> My photo album
& lta href = "#"> My Collection
& lt/div & gt；
& lt/ Li>
& lt/ul & gt；
& lt/div & gt；
& lt/body & gt；
& lt/html & gt；
I spent half a day doing this. Strongly ask for more points.
QQ:47 1 108626