css样式中图片不重复用css设置文本和图片样式

如何让网页背景图片不重复显示?

1、比如一个容器（body，div，span）中设定一个背景。这个背景的长宽值在css1之前是不能被修改的。所以实际的结果是只能重复显示，所以出现了repeat，repeat-x，repeat-y，no-repeat这些属性。就是用来控制背景图片的显示的。

创新互联建站主打移动网站、网站建设、做网站、网站改版、网络推广、网站维护、域名注册、等互联网信息服务，为各行业提供服务。在技术实力的保障下，我们为客户承诺稳定，放心的服务，根据网站的内容与功能再决定采用什么样的设计。最后，要实现符合网站需求的内容、功能与设计，我们还会规划稳定安全的技术方案做保障。

2、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

3、CSS中背景图片不重复显示可以通过Background-repeat：no-repeat属性来控制。具体步骤如下：需要准备的材料分别是：电脑、浏览器、ultraedit。在ue编辑器中新建一个空白的html文件。在html文件中输入以下的html代码。

4、的样式就可以了 width 是宽 height 是高 background-image 是背景图片地址语法：(说明：在默认情况下，用户可以省略bgproperties属性，这时图片会按照水平和垂直的方向不断重复出现，直到铺满整个页面。

1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。然后给body设置一个背景图片，这里小编给body加了一个高度，以便能看到图片。然后先在浏览器中预览一下效果。

2、在body标签里添加文件路径，语法如下：body background=文件路径这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

3、把这个放在head区域或者写在单独的css样式表文件里。万维网上的一个超媒体文档称之为一个页面（外语：page）。

4、首先准备一张设置为背景的图片，这边准备的是一张650px*347px的图片。然后建立一个html文档，将它和背景图片放到一个文件夹中。编辑html文档，这边建立一个div，设置宽度为700px，高度跟背景图一样，为347px。

5、那要看你对图片的显示质量有没有要求了，有方法能实现你的要求可是不能保证图片的质量了。这个方法虽然能满足你的要求可是弊端太多。。

6、图片不够大，又background属性不能拉伸图片；只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用；body的background属性去掉，要不然会被遮住。

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

2、在CSS中，background-repeat 属性设置是否及如何重复背景图像。

3、复合选择器就是两个或多个基本选择器，通过不同的方式连接成的选择器。复合选择器的三种类型：交集选择器、并集选择器、后代选择器。

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

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，加入样式代码：style=background： url(smallpng)；width：150px；height：60px。

设置一个长度与宽度，使用到的CSS代码。经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。

可以，前台写DIV时，DIV的后面加上CSS，然后在CSS页时，每个样式前面用.来做。因为前台DIV如果都是用ID的话，CSS样式页都要用#来写，无法重复使用，所能建议有重复的地方写成Class。

首先新建一个html文件，放入3个button按钮，给前两个按钮分百别设置class属性为btn1和btn2，如下图。然后准备一个名为demo的CSS文件。

新闻名称：css样式中图片不重复用css设置文本和图片样式
地址分享：http://cdiso.cn/article/dgiphjd.html