您的位置 >>> 星想互联 >>> 编程技术 >>> HTML+CSS
导航问题
点击数: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;
}
//显示为块、背景右上、设置填充
来源:星想互联