如何给jsp页面添加背景图片

我的jsp页面如下:
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body >
this is a jsp
</body>
</html>
如何给它添加一个背景图片,背景图片要放在哪个目录下?

1、首先新建Dynamic web project项目,建好之后在WebContent里面的内容如图所示。

2、直接在body里在body里面设置背景图片,如图所示body部分内容。

3、在body里面代码操作好之后,运行效果如图所示。

4、也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000。

5、直接写页面代码操作好之后,运行效果如下。

6、也可以在head里面设操作代码,如图所示。

7、在head里面代码操作好之后,运行效果如下。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-09-16
表单外面或者表单里面加一个div,在div上加背景图片:

<div style="background-image:url(../images/a.jpg)"><form action="login.do"> <input type="text" name="userName"/> <input type="password" name="password"/> </form></div>
里面用table的话,可以加在table里面, <table style=".........."></table>
第2个回答  推荐于2018-09-20
有两种方法:
我这个是把图片放在img文件夹下的 ,img是放在MyEclipse的WebRoot里面的

(1):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body background="img/1.jpg">

</body>
</html>

(2):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.b{background-image:url(img/1.jpg)}
</style>
</head>

<body Class="b">
</body>
</html>

还有就是可以像上一楼那样做也可以;还可以把css单独写,不管什么页面用的时候都可以用link调用那个css的名字就可以了,有很多方法,就看你觉得那一种简单了
第3个回答  推荐于2016-07-17
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
</head>
<body style="background:url('image/1.jpg') no-repeat;">

this is not a jsp

</body>
</html>

图片放在image文件夹中

这个跟jsp没有关系。。。。纯粹是css+html本回答被提问者和网友采纳

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网