实现背景图片不重复

QQ669300324 2011-01-31 03:39:01

如题，编写样式表，实现页面背景图片不重复，使用样式表定位图片。

...全文

363 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

athrunzero 2011-01-31

打赏
举报

回复

background:url(../images/xxx.jpg) no-repeat;

Acesidonu 2011-01-31

打赏
举报

回复

no-repeat

最近在项目中做菜单管理这块，每个一级菜单都有背景图（图片宽高都很小），设置完图片后，背景图重复显示，后来查阅资料才明白，原来设置完背景图后，不指定平铺属性，默认是横向纵向重复的，导致图片出现重复，指定下平铺属性 css中background-repeat是设置图片平铺属性的，其中值有5个： 1、repeat 横向和纵向重复，这是默认的 2、repeat-x 横向重复 3、...

css设置背景图片，默认的样式是图片重复，有的时候页面只需要一个不重复的背景图片，这就需要使用到css背景图片重复属性background-repeat: no-repeat;进行设置。css使用background-repeat设置背景图片不重复和不使用background-repeat属性对比。示例：不设置background-repeat属性body{background-image:url...

也许许多人在做网页的时候都会遇到过一个这样的问题，什么问题呢那就是跟下面这张图片一样的问题出现这样的问题的原因是因为div的大小大于背景图片的大小，从而导致了背景图片的重复，其实在css3中解决像这样的问题特别简单只需要添加一个这样的样式即可 background-repeat:no-repeat; 加上这条语句之后一切问题就顺利的解决了。看问题得到解决效果图

背景图像重复效果，相信大家都有在各大网站上见过。一个好看的背景图片重复效果，可以使我们的网页样式更加美观，内容更加丰富。我们可以通过CSS中background的相关属性来实现这种效果。推荐参考：《CSS教程》下面我们就通过简单的代码示例，给大家介绍css实现背景图像重复的效果。代码示例如下：body{background-image: url(img/154e.png);background-r...

css如何设置图片不重复拉伸？下面本篇文章就来给大家介绍一下使用CSS设置图片不重复拉伸的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。在CSS中，可以使用background-repeat属性来设置背景图片不重复；使用background-size属性来设置背景图片的拉伸。background-repeat属性background-repeat 属性定义了图像的平铺模式，设...

61,112

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章