首页 > 电脑专区 > 电脑教程 >

jsp怎么设置背景

来源:互联网 2023-02-21 17:51:08 381

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

http://pan.baidu.com/s/1c6BaFkupC办公区 - 实用经验教程分享!

工具/原料

  • eclipse

方法/步骤

  • 首先当然是配置eclipse开发环境(我测试的时候开发环境为:jdk1.7 tomcat7 eclipse kepler。ps:用myeclipse也可以),这个就不讲了,如果不懂可以百度,也可以向我提问upC办公区 - 实用经验教程分享!

  • 新建Dynamic web project项目(myeclipse中好像叫web项目),项目名称自己取。upC办公区 - 实用经验教程分享!

  • 本页面非法爬取自百度经验
  • 建好之后在WebContent里面的内容如图:upC办公区 - 实用经验教程分享!

    1、新建image文件夹,里面放三张图片upC办公区 - 实用经验教程分享!

    2、新建mycss文件夹,里面放index.cssupC办公区 - 实用经验教程分享!

    3、index.jspupC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

方法一、直接在body里设置

  • 在body里面设置背景图片,内容如下:upC办公区 - 实用经验教程分享!

    body style="background: url(images/backImage.jpg)">upC办公区 - 实用经验教程分享!

    h1 style="color: #ffffff">直接在body里面是指背景图片/h1>upC办公区 - 实用经验教程分享!

    /body>upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 运行效果如图upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 运行效果如下upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

方法二、在head里面设置

  • 整体内容如下upC办公区 - 实用经验教程分享!

    head>upC办公区 - 实用经验教程分享!

    meta http-equiv="Content-Type" content="text/html; charset=UTF-8">upC办公区 - 实用经验教程分享!

    title>JSP页面背景设置方法二/title>upC办公区 - 实用经验教程分享!

    style type="text/css">upC办公区 - 实用经验教程分享!

    body {upC办公区 - 实用经验教程分享!

    background: url(images/backImage1.jpg);upC办公区 - 实用经验教程分享!

    }upC办公区 - 实用经验教程分享!

    /style>upC办公区 - 实用经验教程分享!

    /head>upC办公区 - 实用经验教程分享!

    body>upC办公区 - 实用经验教程分享!

    h1 style="color: #ffffff">在head的style里面设置背景图片/h1>upC办公区 - 实用经验教程分享!

    /body>upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 运行效果如下upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

方法三、在css里设置

  • 在mycss/index.css写入内容如下:upC办公区 - 实用经验教程分享!

    body {upC办公区 - 实用经验教程分享!

    background: url(../images/backImage2.jpg);upC办公区 - 实用经验教程分享!

    }upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 主页内容如下:upC办公区 - 实用经验教程分享!

    head>upC办公区 - 实用经验教程分享!

    meta http-equiv="Content-Type" content="text/html; charset=UTF-8">upC办公区 - 实用经验教程分享!

    title>JSP页面背景设置方法三/title>upC办公区 - 实用经验教程分享!

    link rel="stylesheet" type="text/css" href="mycss/index.css" />upC办公区 - 实用经验教程分享!

    /head>upC办公区 - 实用经验教程分享!

    body>upC办公区 - 实用经验教程分享!

    h1 style="color: #ffffff">在css里设置背景,然后从head里引用/h1>upC办公区 - 实用经验教程分享!

    /body>upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

  • 运行效果如下upC办公区 - 实用经验教程分享!

    jsp怎么设置背景upC办公区 - 实用经验教程分享!

注意事项

  • 如果本经验对您有帮助,欢迎为小编投票
  • 更多相关问题欢迎和小编讨论

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!upC办公区 - 实用经验教程分享!


标签: ECLIPSE操作系统设置背景

办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码