html+ul+li菜单样式,一个由ul l构成的漂亮的菜单样式i

本例的最终效果如下：

代码如下：

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

/*  

*{

list-style:none;

margin:0;

padding:0;

font-size:12px;

}

#navigation{

margin:10px auto;

width:510px;

overflow:hidden;

}

#navigation li{

float:left;

text-align:center;

width:50px;

border-left:1px solid #CCC;

margin-left:-1px;

}

#navigation li a,

#navigation li a:hover{

color:#999;

}

/*  ]]>  */

• 菜单1
• 菜单2
• 菜单3
• 菜单4
• 菜单5
• 菜单6
• 菜单7
• 菜单8
• 菜单9
• 菜单10