Ⅰ CSS里面怎么这样插入背景图片也可以啊
这个只是设置一个body标签的背景图片罢了,不是真正把图片插入到了body里面,就好像代码里面p的样式一样,设置背景颜色为#0066ff,就是用颜色来修饰p元素。而设置body的background-image,就相当于用一个图片来作为body这个标签的背景,这个时候body里面的内容并没有改变,只是装饰它的元素由一个色块变成了一个图片,当然,这时在视觉上就会觉得插入了一张图片到页面里面了~
另外,style里面定义的样式跟这个标签放在页面的哪个位置是没有关系的,如果你要定义一个元素的样式,无论在页面哪个地方写下这个元素的style,都是可以生效的,不需要真的把style放到那个元素里面。
估计你也是初学CSS的,个人还是建议从html和css最基础的概念开始学吧,html和css在结构和表现上是分离的,所以对于初学者而言理解上会有一点难度,不过没有关系,多试几次你就可以理解了~~
Ⅱ CSS如何添加背景图片
通过css:background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据background-repeat属性的值,图像可以无限平铺、沿着某个轴(x 轴或 y 轴)平铺,或者根本不平铺。初始背景图像(原图像)根据background-position属性的值放置。
(1)相对的文件位置:
(2)CSS中用body添加背景图片扩展阅读:
background-image 属性为元素元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距。
默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复。
提示:请设置一种可用的背景颜色,这样的话,假如背景图像不可用,页面也可获得良好的视觉效果。
Ⅲ css里面如何设置body背景图片满屏
<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>html{width:100%;height:100%}body{width:100%;height:100%;background:url(../1.jpg)no-repeat;background-size:cover;/*这里设置了背景图片为覆盖,以填满整个容器*/}</style></head><body></body></html>Ⅳ css中body的背景图片问题
你是说的css sprite,图片精灵嘛?这个通过background-position的来定位,确实不错
Ⅳ CSS里body有加背景图片,为什么页面不显示
有几种可能,,
一是你CSS里的图片路径写错,
二是BODY里没有内容,,默认是没有高度的。
还有其它的,,
你可以通过FRIEBUG或者CHROME浏览器的元素审核来查看一下。。。
Ⅵ CSS中body设置背景图片及字体设置
还是把图片名称的中文改掉,这个不是你方便不方便的问题,还有html可以不代表css可以, 另外你的编辑器提示background-size那里有问题,如果那段代码没问题,也可能是它前后代码有问题
Ⅶ css设置body背景图片随内容增加多少显示多少
以前在远标学时做过在CSS布局时,可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺),此时整个网页无论内容是否占满一屏幕,css背景都会从上到下铺(纵向)满整个屏幕。但有时我们不需要这样的一个效果,需要内容占用多高,body背景就纵向从上到下铺满多少高度。很明显这样就达不到我们想要的效果。
解决方法:对html再设置个背景(无论图片还是纯色,推荐设置纯颜色的背景颜色)
接下来DIVCSS5通过实例为大家介绍此技巧,首先DIVCSS5分为两个案例,一个是直接对body设置背景图片从上到下平铺,我们会观察到无论网页内容是否占满一屏幕,背景都会从上到下满铺。
一、未解决背景纵向平铺CSS DIV案例 - TOP
1、DIV CSS案例描述首先对body设置一个背景图片(bg.gif)从上到下平铺,设置一个div盒子宽度为274px,高度为200px;div背景颜色为蓝色。
对body设置纵向平铺背景图片显示案例截图
从以上图上看到对body设置背景图片从上到下纵向平铺时,无论内容是否占满1屏幕,其背景都会从上到下都会平铺满整个屏幕,此时就不那么好看了,接下来第二个案例在此基础上进行解决背景随内容占用多个显示多个平铺图片背景。
5、在线演示:查看案例
二、解决内容多高body设置背景图片平铺显示多高 - TOP
1、解决说明我们只需要在CSS代码中对html加一个背景色即可,当然这个背景设置需要根据布局实际情况而设置,这里因为背景颜色为“#E2E2E2”,此时我们就只需要对html设置一个CSS背景色为“#E2E2E2”即可解决实现完美背景图片纵向从上到下平铺问题。
2、CSS代码:
@charset "utf-8";
/* DIVCSS5-CSS初始化模板-www.divcss5.com */
body, div {margin:0; padding:0;font-style: normal;font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif}
/* \5B8B\4F53 代表 宋体,更多中文字体转 Unicode http://www.divcss5.com/jiqiao/j325.shtml */
ol, ul ,li{list-style:none}
html{background:#E2E2E2}/*
CSS注释
说明:对html设置背景颜色 */
body{color:#FFF;background:#E2E2E2 url(bg.gif) repeat-y center 0; text-align:center}
.divbox{ margin:0 auto; width:274px; height:200px; background:#00F}
3、案例截图
解决body背景图片纵向平铺内容占多高背景图片显示多高
Ⅷ 关于html中背景图片的问题。。。用<body background=...>或者用css中 body{}加入的图片怎么调节大小
背景图片实现不了缩放,是多大就是多大,只可以设置背景图片的位置,和重复等属性,没有缩放属性,背景图片大于容器,容器只会截取某部分,小了则根据你的定义重复显示,或者不重复,补背景颜色等
Ⅸ css在body中改背景图片显示不出来,是下面的代码妨碍的吗 急 怎么改
检查思路:
检查是否路径书写正确和路径的正确性
检查body的高度是多少,是否高度为0
检查是否被其它块覆盖了
Ⅹ 我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码或CSS代码怎么写
这个是用css设置背景图片
url :"../images"表示当前目录的上级目录下的目录
no-repeat:背景图片无重复。
background-size:背景图片大小,两个百分百表示长宽都占屏幕百分百,防止网页缩放或者屏幕大小不一样时没有铺满