                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS Sprite雪碧图应用

no-repeat 有什么用？

.cat i{background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg) no-repeat;}qq其中no-repeat有什么用啊？需要加吗？

Yvonne_D

2015-08-10

源自：CSS Sprite雪碧图应用 3-4

关注问题我要回答

918

操作

收起

2 回答

丶小八戒
2015-08-10

background-repeat 属性设置是否及如何重复背景图像。

默认地，背景图像在水平和垂直方向上重复。

no-repeat就是不重复背景图像，背景图像只显示一次。

当你有一张小像素的图片想做成背景图片时，你可以使用这个属性设置图片水平重复铺满，还是垂直重复铺满。

当然假设你有一张很大像素的图片，可以直接覆盖整个背景，那就可以设置为不重复了（no-repeat）。

还不清楚，可以参考链接：http://www.w3school.com.cn/cssref/pr_background-repeat.asp

0 回复有任何疑惑可以回复我~

收起回答

Yvonne_D 提问者

非常感谢！

2015-08-10 回复有任何疑惑可以回复我~

筋斗云思密达
2015-08-10

不平铺吗~~就是放进盒子里面他就一张不会创建更多的图片来把盒子填满了。

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

CSS Sprite雪碧图应用

参与学习 47092 人
解答问题 241 个

必学的大型网站实用技术，让你快速掌握CSS Sprite雪碧图技术

进入课程

本课相似问答

3 回答为什么要加display：inline？有什么作用吗

2 回答使用雪碧图有什么讲究

1 回答直接用button 和input style=button 有什么不同？

1 回答为什么要用float:left 啊

2 回答为什么没有效果

搜索更多本课相关问答

no-repeat 有什么用？

我要回答关注问题

热搜

最近搜索清空

no-repeat 有什么用？

2 回答

本课相似问答

no-repeat 有什么用？