首頁猿問請(qǐng)問如何給jsp頁面添加背景圖片

請(qǐng)問如何給jsp頁面添加背景圖片

JavaScript

翻閱古今 2019-09-02 12:25:07

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

查看完整描述

4 回答

慕村225694

TA貢獻(xiàn)1880條經(jīng)驗(yàn) 獲得超4個(gè)贊

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

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

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

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

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

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

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

反對(duì) 回復(fù) 2019-09-02

SMILET

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊

有兩種方法：
我這個(gè)是把圖片放在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單獨(dú)寫，不管什么頁面用的時(shí)候都可以用link調(diào)用那個(gè)css的名字就可以了，有很多方法，就看你覺得那一種簡(jiǎn)單了

反對(duì) 回復(fù) 2019-09-02

天涯盡頭無女友

TA貢獻(xiàn)1831條經(jīng)驗(yàn) 獲得超9個(gè)贊

<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文件夾中

這個(gè)跟jsp沒有關(guān)系。。。。純粹是css+html