css如何使div背景图片填充
.box{ width:800px; height:600px; background:url(你链接地址);}
通过css：background-image语句设置背景。
background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。初始背景图像（原图像）根据 background-position 属性的值放置。
（1）相对的文件位置：
（2）测试代码：
测试效果：
扩展资料：
background-image 属性为元素元素的背景占据了元素的全部尺寸，包括内边距和边框，但不包括外边距。
默认地，背景图像位于元素的左上角，并在水平和垂直方向上重复。
提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。
参考资料：百度百科--CSS background-image
css使div背景图片填充的具体操作步骤如下：
1、我们首先打开前端开发工具，新建一个html代码页面。
2、在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = "bg-img"。
3、设置背景图片，创建style标签，然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式。
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
首先得看你需要的背景图片与DIV的尺寸是否一致，如果一致就可可以在CSS样式里面加个属性 background:url(图片路径/图片名) no-repeat;图片名的带上后缀，比如.jpg、.gif、.png等；也可以加成 background-image:url(图片路径/图片名) no-repeat;效果一样，起始也就是一回事，前面的是简写。
如果背景图的尺寸与DIV的尺寸不一样，那么就得考虑背景图是否需要铺满DIV，就得把no-repeat改为repeat，或者只在DIV的某一处显示，这样就得在no-repeat后面跟上位置参数，background:url(图片路径/图片名) no-repeat 距离左边的距离 距离上边的距离;只是使用的背景精灵技术。
具体你不明白的就Hi我；这个这样说页不是那么好理解的，实际把上面属性的文字换成你需要的值会更好理解，一点就明。
有问题Hi我。
首先你需要保证背景图片的比例与 div 一致，然后再给 div 加上：background-size: cover; -moz-background-size: cover; 应该就可以了。
添加的div的width，height和图片的一样大小，然后在css里该div属性下设置background-image：url（images/图片名字.jpg）
比如；
图片尺寸大小：1.jpg 1000*300
HTML代码： <div class="container">随便乱写几个字</div>
CSS属性： .cotainer{
margin:0 auto; //居中展示
width:1000px;
height:300px;
background-image:url(1.jpg);
}
用javascript在页面上增加div
这个就是一个节点拷贝的,可以行到一个相同的节点!里边参数的意思是将ss连同所以子结点一同拷贝.而如果是false则,只拷贝当前的节点!不是拷贝完了就行了!还要将其加入到网页中显示出来!ss.parentElement.appendChild(ss_copy1);这句加上后才会显示的!当然你可以不必一定显示在ss父节点的未尾,有很多的...
css鼠标点击项背景图片更改???
var Cont = ss("cont" + name + my.last);Menu.className = "";Cont.style.display = "none";var Menu = ss("menu" + name + num);var Cont = ss("cont" + name + num);Menu.className = "s_current";Cont.style.display = "block";my.last =num ;} <\/script> <div id="...
用js控制两个div的高度一致,div1.style.height=div2.offsetHeight怎么没...
我的做法和你刚给我说的一样，都是设置100%，可是他就是拉不下去，导致下面一片空白，右div倒是把大div撑下去了，就左div拉不下去，哎，好苦恼啊！这是你上个问题，我试了下，原因：右div的高度>外面的大div,导致左边下面的空白。最好把右div的高与外面div的高设置成一样。
DIV+CSS是什么意思??
所谓DIV+CSS就是现在提出一种新的网页制作标准,就是抛弃了传统的表格布局,而以DIV作为基础布局,而以CSS控制 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Frameset\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-frameset.dtd"> <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> <...
js怎么做一个div宽度变化的动画
\/\/取得元素宽度 if (i < 1001) {\/\/如果小于1000的话就把div宽度+1 i++; div.style.width = i + "px"; }; }; \/\/test("text"); text.onclick = function(){\/\/点击执行 \/\/不断执行div宽度+1 setInterval('test()',5); } <\/script>你的问题...
如何让div中的img垂直居中
让div中的img垂直居中代码如下：<div style="text-align:center; width:500px; height:200px; line-height:200px; background:#9cf;display:table-cell; vertical-align:middle;"> <img src="https:\/\/ss0.bdstatic.com\/5aV1bjqh_Q23odCf\/static\/superman\/img\/logo_top_ca79a146.png" \/>...
怎么取到Div的真实高度
<style type="text\/css"> leftbox{ float:left;width:200px;background-color:#FF0000;} rightbox{ float:left;width:200px;background-color:#FFFF00 } .bottom{ display:block;clear:both;background:#0000FF;width:400px;height:50px;color:#FFFFFF;} <\/style> <div id="leftbox">左边...
天谕手游弑神SS灵墟副本boss快速击杀技巧 灵墟副本打法攻略
弑神SS灵墟副本boss快速击杀技巧 队伍配置：1圣堂+1玲珑+3玉虚配置 最后的那个boss那个跳台子的最好在最靠近boss的边角处，因为为造成击退让你下去，伤害疼；基本那一招结束英灵全死，当没有那个激光的时候也别跳，因为下去有惊喜，直接秒；等台子自动碎的，这个招式大概在50%血的时候才会那招，30%...
用div实现滚动下滑的效果,类似滚动条,当我的内容超过了一个div的固定高...
自己复杂去改 <style type="text\/css"> { margin:0; padding:0;} .box{ width:200px; height:90px; overflow:hidden;overflow-y:auto;} .b{line-height:30px; height:30px;} <\/style> <div class="box"> <div class="a">333333333<\/div> <div class="b">assssssssssssssssss...
如何用ss-5720a 型示波器测量市电的周期(sec\/div测读法)
应该是SS5702吧。最好不要用示波器的普通探头直接去测市电，这样有可能短路，示波器的外壳就是探头的地线，如果地线的夹子夹到火线上，直接就短路了。最好用差分探头，也可以用隔离变压器测次级的方法来简单测下。周期读值是这样读的：水平扫描速度（t\/div）乘以这个信号一个重复周期所占的格数（峰到峰...
妫肺欣丰： 首先你需要保证背景图片的比例与 div 一致,然后再给 div 加上:background-size: cover; -moz-background-size: cover; 应该就可以了.
天山区19339649100： 文字是黑体的加链接用DIVCSS怎么更换背景图片? ？
妫肺欣丰： css使div背景图片填充的具体操作步骤如下: 1、我们首先打开前端开发工具,新建一个html代码页面. 2、在html代码页面上创建一个用于设置背景颜色的div标签,然后给这个标签添加上class = ＂bg-img＂. 3、设置背景图片,创建style标签,然后在标签里面对类为bg-img设置背景图片、图片不重复、宽、高的样式. 4、保存html代码,使用浏览器打开,这个时候会发现浏览器上的背景图片显示在左上角. 5、回到html代码页面,在bg-img类里添加background-position: center的属性. 6、保存html代码后重新刷新浏览器,这个时候会发现浏览器上的背景图片已经自动居中了.
天山区19339649100： 网页设计div中背景图片怎么沾满整个该div - ？
妫肺欣丰： 在你要定义的DIV CSS中加入这个属性 BACKGROUND: url(1.jpg) repeat; URL后面括号是,是图片在站内的路径, REPEAT 意思是重复 如果换成 repeat-x 或repeat-y 意思分别是横向重复,和纵向重复,DW网页制作有CSS可视化的属性调整窗口,很方便新手,如有不懂在补充问题
天山区19339649100： html中在div中加背景图片 - ？
妫肺欣丰： html在div加背景图片的具体操作步骤如下: 1、新建一个html文档,编写一个类名等于setbg的div标签. 2、div写上样式,“background: url(bg_main.jpg);”的样式,设置背景图即可. 3、设置了背景图,给div设置高度“height:500px”. 4、设置高度之后,高度和背景图就可以出现. 5、div很多文字,超过了固定高度,会出现背景不会平铺到底部. 6、在设置好的背景后面加个 “repeat”,就可以平铺背景图. .
天山区19339649100： 怎么用css样式 给一个div同时加一个背景图片不重复,其余的地方加上底色? 也就是怎么同时加背景和底色？
妫肺欣丰： <head> <style> .content{background:url(图片地址) no-repeat scroll top center 颜色;} 这个样式就是加背景图片,后面接的底色. </style> </head> <body> <div class=＂content＂> 里面放内容 <.div> </body>
天山区19339649100： 怎样用css给一个空div添加背景图片 - ？
妫肺欣丰： <!DOCTYPE html PUBLIC ＂-//W3C//DTD XHTML 1.0 Transitional//EN＂ ＂http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd＂><html xmlns=＂http://www.w3.org/1999/xhtml＂><head><meta http-equiv=＂Content-Type＂ content=＂text/html...
天山区19339649100： css填充背景使其填满div里 - ？
妫肺欣丰： background-attachment: fixed
天山区19339649100： DIV+CSS 背景图片下面填充颜色？
妫肺欣丰： 将这两句合并为: #Article{background:#FFF url(../images/hot_bg.png) repeat-x left -38px}
天山区19339649100： css在同一个DIV中如何填充两种颜色 - ？
妫肺欣丰： 2中颜色不会一起显示的, 但是跟背景图可以显示 例如: background:#cf0000 url(背景图地址); 这样子写,div背景图没覆盖的部分会自动被红色填充的.
天山区19339649100： div背景图片怎么设置 - ？
妫肺欣丰： .首先我们打开sublime text软件,新建一个html页面,然后在在页面中添加html的基本结构,如下图所示2.然后我们在html的body区域添加一个div,并且给div设置一下宽高以及边框的样式,如下图所示3.运行程序以后,你就会看到如下图所示的div区域,我们接下来就要给这个区域添加背景图片4.然后我们回到html文档,在div的样式规则里面添加background-image属性,如下图所示,给此属性指定一个图片路径,运行以后你就会看到背景图片了
