菜单

body{
background-color:#ffdee0;

}
#navigation{

width:200px;
font-family:Arial;

}
#navigation ul {
 list-style-type:none;
 margin:0px;
 padding:0px;

}
#navigation li{
   border-bottom:1px solid #ed9f9f;
}
#navigation li a{
                                       /*a设置成块元素，这样点击按钮旁边的区域也会成功*/
display:block;
padding:5px 5px 5px 0.5em;  /em是随着父元素文字大小而改变 如果父元素没有设置文字大小，则会根据浏览器默认的大小设置,即16px/
text-decoration:none;
border-left:12px solid #711515;
border-right:1px solid #711515;


}
#navigation li a:link,#navigation li a:visited{   /*鼠标未点击和点击过的样式是一样的*/
background-color:#c11136;
color:#ffffff;

}
#navigation li a:hover{                   /*鼠标经过时*/
background-color:#990020;            
color:#fffff00;
}