jsp怎么设置页面背景 您所在的位置:网站首页 网上商城背景图片怎么设置 jsp怎么设置页面背景

jsp怎么设置页面背景

2024-03-30 02:26| 来源: 网络整理| 查看: 265

在日常jsp开发中经常要用到背景的设置,而在背景的设置也有多种多样,接下来小编将为你讲解常用的jsp页面背景设置。本项目百度网盘共享地址:

http://pan.baidu.com/s/1c6BaFk

首先当然是配置eclipse开发环境(我测试的时候开发环境为:jdk1.7+tomcat7+eclipse kepler。

建Dynamic web project项目(myeclipse中好像叫web项目),项目名称自己取。

建好之后在WebContent里面的内容如图:

1、新建image文件夹,里面放三张图片

2、新建mycss文件夹,里面放index.css

3、index.jsp

方法一、直接在body里设置

在body里面设置背景图片,内容如下:

   直接在body里面是指背景图片

运行效果如图

 

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

 

运行效果如下

 

方法二、在head里面设置

整体内容如下

JSP页面背景设置方法二

body {

    background: url(images/backImage1.jpg);

}

   在head的style里面设置背景图片

运行效果如下

 

方法三、在css里设置

在mycss/index.css写入内容如下:

body {

    background: url(../images/backImage2.jpg);

}

主页内容如下:

JSP页面背景设置方法三

   在css里设置背景,然后从head里引用

 运行效果如下 

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有