jsp怎么设置页面背景

在日常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里面设置背景图片，内容如下：

<h1 style="color: #ffffff">直接在body里面是指背景图片</h1>

</body>

运行效果如图

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

运行效果如下

方法二、在head里面设置

整体内容如下

<head>

<title>JSP页面背景设置方法二</title>

body {

background: url(images/backImage1.jpg);

}

</style>

</head>

<body>

<h1 style="color: #ffffff">在head的style里面设置背景图片</h1>

</body>

运行效果如下

方法三、在css里设置

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

body {

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

}

主页内容如下：

<head>

<title>JSP页面背景设置方法三</title>

</head>

<body>

<h1 style="color: #ffffff">在css里设置背景，然后从head里引用</h1>

</body>

运行效果如下

jsp怎么设置页面背景相关推荐

微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...
微信小程序设置页面背景颜色backgroundColor 无效的问题！
(1)原因: 当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果. (2)分析: 这是因为 backgroundColor 指的窗体背景颜色, ...
vue单独设置页面背景
背景: 平台首页配置全局样式,设置了背景图,但是某模块的功能页面不需要这个背景,如何处理? 方案一: 在界面中添加以下方法 beforeCreate () { document.querySele ...
HTML5系列代码：设置页面背景图像
background-image 属性为元素设置背景图像. 元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距. 默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复. 提示:请设 ...
uniapp设置页面背景颜色
在uniapp中,给当前页面添加满屏背景颜色,需要给当前组件的根元素添加绝对定位,宽高百分百,然后设置背景颜色 <template><view class="loginCo ...
html设置页面背景图片并禁止页面缩放
示例代码: <!DOCTYPE html> <html lang="zh"> <head><meta ...
CSS中设置页面背景图片
设置背景图片的用法与注意事项 1.背景图片 background-image:url("图片路径") 可以是相对路径和绝对路径例如: background-image: url( ...
记录 | 微信小程序设置页面背景颜色不起效果
问题:在 .json 文件里面设置背景颜色不起效果 {"usingComponents": {"van-icon": "@vant/weapp/ico ...
小程序设置页面背景颜色
首先,我使用的是mpvue开发.样式使用的less,并且全局会定义一套主题. @primary-color : #ff8730; @second-color : #F48B4A; @backgroun ...

jsp怎么设置页面背景

方法一、直接在body里设置

jsp怎么设置页面背景相关推荐

最新文章

热门文章