css设置背景图片不重复，css背景图片不变形

为什么网页的背景图总是重复?

1、这样背景图片就会固定住，不会因页面滚动而重复。

2、你好！那是因为背景图片的大小不够大，小尺寸的图片就重复填充整个背景啦！background里面有个no-repeat可以让图片不重复，但是这只能在图片够大的情况下才能填充整个背景 如有疑问，请追问。

3、Css内容统一写到一起。把改为 在中加入下面代码试试，其中图片地址改为自己图片的地址。

4、word背景图片为什么会重复？如何解决？您应该是图片水印，缩放比例不得当造成的，您可以尝试调整比例。一般是因为缩放的问题导致的，建议插入图片，将图片置为文字下。MicrosoftOfficeWord是 微软公司 的一个文字处理器 应用程序 。

5、首先插入背景图片，因为背景图片的尺寸比div尺寸大出许多，所以网页显示出的背景只是背景图片的一部分。对背景图片的尺寸大小以及设置是否重复显示背景图片。为了使整个div都是这个背景图片使用了百分比进行设置。

相关问答

Q1: 如何在html中设置背景图片?

打开HBuilder；新建html项目。设置文件名css设置背景图片不重复，点击“完成”。将背景图拖动到Hbuilder工程css设置背景图片不重复的img文件夹。点击“确定”。找到。将改成。其中“img/背景jpg”为背景图路径。然后保存文档。

html设置背景图片的方法有：一种是用html的img标签进行插入css设置背景图片不重复，另一种是利用css的background标签插入。HTML称为超文本标记语言css设置背景图片不重复，是一种标识性的语言。

具体步骤如下：插入背景图片有两种方法css设置背景图片不重复，一种是用html的img标签，另一种是利用css的background标签插入。

第一步，设置背景颜色，只要改变body的bgcolor属性，不过要注意颜色与文本颜色的搭配要协调清晰。

Q2: html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?

根据百度经验资料显示：html让一张背景图片铺满的步骤如下：添加样式 打开代码编辑器，为body标签添加一个样式。添加背景图片为bg样式添加一个背景图片。

如果前两种，你都觉得不好，一定要让一张图片来自适应，那就把背景图片做成flash吧，因为它可以全屏自适应，然后把这个图片当成“背景”，再定位写其它网页元素。

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。

css文件里 直接在body中插入背景图，加上no-repeat； 这样图片不会重复。

您好！css设置背景图片全屏，如果只是将其当做一张图片显示，可以通过css控制。超大图片，引入进来即可根据大小缩放。

Q3: css背景图片代码

要用css为这个div加上背景图片css设置背景图片不重复，只需要加上background-image的样式css设置背景图片不重复，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

在index.html中的标签中，输入css代码：li {height： 50px；background： url(smallpng)} li：hover {background： url(smallpng)} 浏览器运行index.html页面，此时显示出了背景图片。

CSS部分 背景图片分辨率为427*640 分别给box的background-size属性添加不同的属性值，会产生不同的效果。长度 ：可以用px、em、rem等指定背景图片大小，不能为负值。

用background属性 例如：body{background：url(images/bg.jpg) no-repeat } 其中 url(images/bg.jpg) 为背景图片路径；no-repeat 表示不重复。这个值可以为 repeat、repeat-x、repeat-y或者no-repteat 。默认为repeat。

Q4: CSS如何添加背景图片

打开html编辑器并创建一个新的html文件。新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码。

准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。

在 CSS 中引用本地背景图片可以使用 background-image 属性，并将图片路径指定为本地文件路径。

通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

.content{background：url(图片地址) no-repeat scroll top center 颜色；} 这个样式就是加背景图片，后面接的底色。

css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。

Q5: Dreamweaver中的图在CSS中设置no-repeat后就看不见了,怎么回事啊?_百度...

如果你在预览后才添加的话，是因为ie缓存了一部分内容。而你又没有设置过期时间。所以不起效果。删除缓存就行了。

那是因为浏览器没有找到图片文件的缘故，因此忽略了css中的image，使用默认的显示方式。建议：在dreamweaver中定义站点的方式，来编辑/显示网页，这样可以达到dreamweaver和浏览器显示一致。

no-repeat是针对背景图来说的。意思就是当你设置了no-repeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图， 不会出现平铺或重复的现象。

保存在html所在目录。然后，在DW里打开属性面板（ctrl+f3），确保设计区内没有选中任何元素的情况下，会看到“页面属性”按钮，点击它，就能看到页面属性设置了，在里面有背景设置一项。设置你想要的背景图片。

再仔细查看一下代码。或者再用PS切一下，保存成”html+图像“，然后不要修改，直接把用DM打开HTML。就时候应该没错了。

关于css设置背景图片不重复和css背景图片不变形的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。