1、首先新建Dynamicwebproject项目,建好之后在WebContent里面的内容如图所示。
2、直接在body里在body里面设置背景图片,如图所示body部分内容。
3、在body里面代码 *** 作好之后,运行效果如图所示。
4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。
5、直接写页面代码 *** 作好之后,运行效果如下。
6、也可以在head里面设 *** 作代码,如图所示。
7、在head里面代码 *** 作好之后,运行效果如下。
body里面的背景图片设置满屏的方法步骤如下:1、新建body的css样式,定义其宽度高度为自动,body {height: autowidth: auto}
2、定义body的背景样式,插入背景图片,根据你的图片样式,设置图片平铺方式,可选择横向平铺、纵向平铺、完全平铺或者不平铺,用背景图片平铺方式来让背景图片满屏。如下例横向平铺:
body {height: autowidth: autobackground: url(../images/body_bg.png) repeat-x}。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)