首頁猿問請問如何給jsp頁面添加背景圖片

請問如何給jsp頁面添加背景圖片

JavaScript

藍(lán)山帝景 2019-11-07 10:06:43

我的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>如何給它添加一個背景圖片，背景圖片要放在哪個目錄下？

查看完整描述

4 回答

慕桂英3389331

TA貢獻(xiàn)2036條經(jīng)驗獲得超8個贊

1、首先新建Dynamic web project項目，建好之后在WebContent里面的內(nèi)容如圖所示。

2、直接在body里在body里面設(shè)置背景圖片，如圖所示body部分內(nèi)容。

3、在body里面代碼操作好之后，運行效果如圖所示。

4、也可以設(shè)置背景顏色，直接將url(images/backImage.jpg)替換成#f00000。

5、直接寫頁面代碼操作好之后，運行效果如下。

6、也可以在head里面設(shè)操作代碼，如圖所示。

7、在head里面代碼操作好之后，運行效果如下。

反對回復(fù) 2019-11-08

烙印99

TA貢獻(xiàn)1829條經(jīng)驗獲得超13個贊

有兩種方法：
我這個是把圖片放在img文件夾下的，img是放在MyEclipse的WebRoot里面的

（1）：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
</head>

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

</body>
</html>

(2):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style>
.b{background-image:url(img/1.jpg)}
</style>
</head>

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

還有就是可以像上一樓那樣做也可以；還可以把css單獨寫，不管什么頁面用的時候都可以用link調(diào)用那個css的名字就可以了，有很多方法，就看你覺得那一種簡單了

反對回復(fù) 2019-11-08

FFIVE

TA貢獻(xiàn)1797條經(jīng)驗獲得超6個贊

<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沒有關(guān)系。。。。純粹是css+html