no-repeat是针对背景图来说的。意思就是当你设置了no-repeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图， 不会出现平铺或重复的现象。
拓展资料一、CSS层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
二、CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
三、SS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
四、CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
五、CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
no-repeat是表示不重复这张图片。当图片小于你要显示的区域时才会有效果。 如果图片是100*100，而你的DIV有500*500，假如你设置了不重复，它就显示一张。如果重复，它就会平铺满整个DIV。这个不仅仅是靠css实现的。 实现的思路是设置两个样式，一个是.curr 一个是li.hover 第一个是控制当前栏目，比如说当前是门户这个页面，那么门户这个li 的class就是curr 还有一个就是鼠标滑过的时候显示白色背景，这个用li:hover来控制，这两个是相同的css代码。都是改变一下背景图片，控制一下超文本链接颜色。
我大概看了一下你的代码。 我觉得怎么挺简单的事，咋被弄的这么复杂。
在我看就需要这几个样式就行了。
//父容器
.main{display:blockwidth:666pxposition:absolutetop:36pxright: 0pxz-index:300}
//导航栏容器
.main .menu{ height:40px}
//导航内容分层
.main .menu li{ widht:105pxfloat:left}
//被选中样式
.main .menu .curr{}
//第一个内容分层样式
.main .menu .friest{}
//最后一个内容分层样式
.main .menu .last{}
//鼠标滑过效果
.main .menu li:hover{}
这几个样式就足够。
