帮忙写个全屏横屏的css

html-css031

帮忙写个全屏横屏的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.