css样式背景不重复 css样式背景图片不重复

在html中,怎么设置背景图片不重复不平铺,只显示一张图片

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

成都创新互联公司主要从事成都网站制作、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务新源,十多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

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

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

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

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

道士来到金阙西边，叩响玉石雕做的院门轻声呼唤，让小玉叫侍女双成去通报。太真听说君王的使者到了，从帐中惊醒。穿上衣服推开枕头出了睡帐。逐次地打开屏风放下珠帘。半梳着云鬓刚刚睡醒，来不及梳妆就走下坛来，还歪带着花冠。

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

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

一般情况下，在网站中的背景图为了是布局色统一其都是单一的小图经过重复而得到的对于你的要求除非你是想做静态网站或网页就一个屏幕那么大否则就不行。

打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。

第一步，打开html开发软件并创建一个新的html代码页面，见下图，转到下面的步骤。

，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

图片和网页放在同一目录下：background-image：url(图片.jpg。图片放在一个image目录下，并且image目录和网页在同一目录下：background-image：url(“image/图片.jpg”)。

分享文章：css样式背景不重复 css样式背景图片不重复
标题链接：http://6mz.cn/article/dgogchj.html