复制代码代码如下:
#navigation
{
width:200px;
font-family:Arial;
}
#navigation ul
{
list-style-type:none;
margin:0px;
padding:0px;
text-decoration:none;
}
#navigation li
{
border-bottom:1px solid #ED9F9F;
}
#navigation li a
{
display:block;
padding:5px 5px 5px 0.5em;
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:#ffff00;
}
HTML前台代码：
复制代码代码如下:
初始效果：
鼠标经过效果：
