帮忙写个全屏横屏的css

html-css019

帮忙写个全屏横屏的css,第1张

这个要看你的布局思路了，如果你一开始就用个宽度为980px的container大DIV容器来容纳整体页面就要把导航的背景定义在body标签中

body{

{background:url(nav_bg.jpg) center 0px no-repeat } 这句里的0px指的是你导航距离页面顶部的距离，如果你导航背景切片是切局部图就要这么写

body{

{background:url(nav_bg.jpg) 0px 0px repeat-x }

如果你做的是自适应屏幕的话，即没有大容器包裹的情况，无需设置宽度，默认就是width:100%，也无需浮动

即CSS代码

#nav{

background:url(nav_bg.jpg) 0px 0px repeat-x

clear:both}

background: url(ab.gif) repeat //背景为ab.gif，横向、纵向平铺

① 如果是做网站的水印背景，可以放到body里，

② 如果是做页面的背景，放到最外层的div里，

比如：

① body{background: url(ab.gif) repeatmargin:0px auto}

② .box{background: url(ab.gif) repeatmargin:0px auto}

单纯横向平铺：repeat-x

单纯纵向平铺：repeat-y

不平铺：no-repeat

如果背景图片是重复的样子的话你可以截图一小块，然后给body添加样式背景，然后让背景图片重复平铺就可以了

body{background: url("图片路径") repeat}

repeat 是纵向和横向都铺满；

repeat-x是横向铺满；

repeat-y是纵向，如果不想重复，no-repeat.