background-size:cover
把上面的代码加到你那个div的css代码里即可!
第一条代码,引入网络图片做背景
第二条代码,设置网络图片适应屏幕宽度。
如果是整个网页的背景,请用这样的CSS语句:body{background:url(背景图片的地址)}
如果是某个层也就是某个区域的背景,和上面几乎是一样的,只不过这里变了一下,把body变成你那个层的名字就可以了。例如#nav
背景图片的设置还有好几个,比如重复不重复就是repeat-x(横向重复)repeat-y;(纵向重复)。如果需要别的你百度HI留言我再告诉你
原有的网页代码修改,很久不做忘记了css代码是这样的
body {
font-size: 12pxpadding:0margin:0font-family:"宋体"
}
.c{ clear:both}
.fl{ float:left}
.fr{ float:right}
.wi{ width:932pxmargin:0 auto}
ul,li,p{ padding:0margin:0list-style:none}
img{ vertical-align:middleborder:0}
a{ text-decoration:nonecolor:#333}
a:hover{ text-decoration:underline}
.top{ height:68px}
.lg{ width:367px}
.lgr{ width:493pxcolor:#ff6600padding-top:27pxtext-align:centerline-height:18pxheight:18px}
…………………………
就复制上面的一点吧,我想吧背景色设置成白色。
<style type="text/css">
<!--
body {
background-color: #FFFFFF
}
-->
</style>
上面的这个代码添加到css中,加到什么位置。
我仅仅把
body {
background-color: #FFFFFF
}
添加到css首行或者末尾都可以,但是不知道以后会有什么后果没有,毕竟忘记了太多了。
我加了后就有2个body了,去除body就没有效果了。