@charset "utf-8";
/* CSS Document */

*{
    margin:0;
    padding:0;
}
}
body,td,th {
    color: ;
    font-family: Palatino Linotype;;


}
body {
    background-color: #2E2E2E;
}
h3{
    color: yellow;b;b;
    font-weight:bold;
    font-size:LARGER
}
a{
  color:white;
  font-weight:bold;
  font-size:10
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>UL/LI&#32467;&#26500;&#30340;&#31435;&#20307;&#24863;&#30340;CSS&#25353;&#38062;&#24335;&#27178;&#21521;&#33756;&#21333;&#20008;&#33455;&#26228;&#32593;&#39029;&#29305;&#25928;&#20008;CsrCode.Cn</title>
<style>
#navigation {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
}
#navigation ul {
 list-style: none;
 margin: 0;
 padding: 0;
 padding-top: 4px;
}
#navigation li {
 display: inline;
}
#navigation a:link, #navigation a:visited { 
 margin-right: 2px;
 padding: 3px 10px 2px 10px; 
 color: #A62020;
 background-color: #FCE6EA;
 text-decoration: none;
 border-top: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 border-bottom: 1px solid #717171;
 border-right: 1px solid #717171;
}
#navigation a:hover {
 border-top: 1px solid #717171;
 border-left: 1px solid #717171;
 border-bottom: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
}
</style>
</head>
<body id="contact">
<div id="navigation">
  <ul>
    <li class="recipes"><a href="http://www.CsrCode.cn">ABOUT ME</a></li>
    <li class="contact"><a href="http://Download.CsrCode.Cn">GALLERY</a></li>
    <li class="articles"><a href="http://Changshi.CsrCode.Cn">SESSION</a></li>
<li class="articles"><a href="http://Links.CsrCode.Cn">TRIBUTE</a></li>
<li class="articles"><a href="http://www.33567.cn">INTERVIEW</a></li>
    <li class="buy"><a href="http://ww.33567.cn">LINKS</a></li>
    <li class="recipes"><a href="http://www.CsrCode.cn">CONTACT</a></li>
  </ul>
</div>
</body>
</html>

<br><br><hr>









<div id="footer">
<p> Copyright  2009 mistresswoo.com. All rights reserved. USC 2257 Records.</p>
</div>
</body>
</html>
/*------------------------------*/
#wrapper{
    margin:auto;
    width:1020px;
    background:url(../pic/background.jpg) repeat-y;
}
  
#header{
    margin-left:120px;
    background:url(../1.GIF) no-repeat;
    height: 120px;
}

#nav {

    padding: 10px 10px 0;

    font-size: 15px;

    font-weight: bold;

    font-family:Arial, Helvetica, sans-serif,&#23435;&#20307;;

    margin: 1em 0 0;

    list-style:none;

}



#nav li {

    float:left;

    margin-right: 1px;

}
#nav li a,#nav li a:hover span {

    line-height: 35px;

    text-decoration: none;

    background: #DDDDDD;

    color: #666666;

    display: block;

    width: 120px;

    text-align: left;

    overflow:hidden;

}

#nav li a span {

    display:none;

}



#nav a:hover {

    position: relative;
    cursor: pointer;

}



#nav a:hover span {

    display:block;

    position:absolute;

    top: 0;

    left: 0;
}



#nav a:hover span {

    padding-top:2px;

}



#nav li a:hover,#nav li a:hover span {

    color: #FFFFFF;

    background: #DC4E1B;

}



#navbar{

    background: #DC4E1B;

    height: 8px;
    overflow: hidden;

    clear: both;

}
#content {
height:auto;

padding: 50px;
}
5.Footer{
 Width: 760px Height: 66px
}
#gallery img{
    padding: 2px;
    background:#FFF;
    margin: 4px;
    border: #999 1px solid;
}
