导航问题
点击数:2324 发布时间2012-01-24 23:02:19
Li ;无列表样式list-style:无、浮动向左、行高、字号12px、左边距2px
A:背景色浅灰、无下划线、显示为块、文字颜色、宽80像素、高22像素、文本对齐text-align:center
A:hover:下划线、背景色深灰、文字颜色白
ul,li{
list-style:none;
}
#menuItem{
color:#333333;font-size:12px;
}
//文字大小、文字颜色
#menuItem li{
float:left;display:block;margin-right:3px;
}
//向左浮动、右边距
#menuItem li A{
display:block;background:url(main.gif) top left;text-decoration:none
}
//显示为块、背景左上、无下划线
#menuItem li A span{
display:block; background:url(main1.gif) top right no-repeat;padding:8px 15px 2px 15px;
}
//显示为块、背景右上、设置填充
#menuItem li A:hover{
display:block;background:url(hover.gif) top left;text-decoration:none;color:#FFFFFF
}
//显示为块、背景左上、无下划线
#menuItem li A:hover span{
display:block;background:url(hover1.gif) top right no-repeat;padding:8px 15px 2px 15px;
}
//显示为块、背景右上、设置填充