Gerekeni anlattım biraz okuyup kendiniz yapmayı deneseydiniz öğrenmiş olurdunuz.
#slantedmenu{
font-weight: 600;
font-family: arial, "lucida console", sans-serif;
background:#242424;
font-size: 13px;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 16px 0;
margin: 0;
border: 0px solid #bebebe;
text-align: right; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
padding:5px 5px;
color:#000000;
line-height:32px;
text-decoration:none;
border-left:1px solid #ccc;
}

#slantedmenu ul li:first-child{border-left:none;}

#slantedmenu ul li a{
color: #fff;
padding: 20px 0;
padding-right: 5px;
padding-left: 5px;
margin: 0;
text-decoration: none;
background: transparent url(media/slantdivider.gif) top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #fff;
}

#slantedmenu ul li a:hover{
color: #ccc;
background:#000;
}