JSP界面——背景图片

最新推荐文章于 2022-03-09 11:35:11 发布
最新推荐文章于 2022-03-09 11:35:11 发布
阅读量3.2w 收藏 41
点赞数 10
分类专栏： JSP 文章标签： jsp 图片
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hangele/article/details/52840248
版权

如何给一个JSP页面添加背景图片，并设置其大小

添加背景图片：

方法一：<body style="background:url(../img/girl.jpg) no-repeat;">

../img/girl.jpg 中的“../”不能少,指定图片的路径，如果没有，图片将加载不到

方法二：后续编辑


控制图片大小：

方法一：<body style="background:url(../img/girl.jpg) ;background-size:cover; "> 
此方法用于铺满整个电脑屏幕，但是如果图片与屏幕略有不符，将会导致图片部分显示不到。

方法二：后续编辑
Hangele
关注
  • 10
    点赞
  • 踩
  • 41
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
JSP实现登陆页面-页面壁纸
04-29
JSP实现登陆页面——页面壁纸
用jquery和css实现一个按钮在点时显示不同的背景图片
02-13
利用jquery和css结合来实现按钮在点击后。出现不同的背景效果。里面的图片，大家可以自选，欢迎大家下载、查看。
JSP网页背景图片自适应
qq_40956679的博客
11-17 1万+
css文件中加入 body{        background-image:url(image/beijing3.jpg); /*图片地址*/                                   background-origin:content;   /*从content区域开始显示背景*/        background-position:50% 50%; /*   ...
jsp设置背景图片并使得图片扩大到整个屏幕
z2431435的博客
05-09 8812
<body style="background: url(images/背景3.jpg);background-size:100% 100% ; background-attachment: fixed "> 可以在webcontent文件夹下新建一个文件夹专门存放图片
jsp设置背景图片
weixin_45917610的博客
11-22 4623
未经授权请勿转载
给jsp页面设置图片背景
qq_30959021的博客
03-29 6839
在head标签内加入 背景          body{           background-image: url(images/weimeigirl.jpg);           background-repeat: repeat-x;       }
给jsp或者html设置背景图片，并拉伸，铺满屏幕
热门推荐
lanjie_gunger的博客
01-06 7万+
body{ background-image: url(img/bg.jpg); background-size:cover; }
jsp怎么设置页面背景
不二的博客
08-26 5万+
在日常jsp开发中经常要用到背景的设置，而在背景的设置也有多种多样，接下来小编将为你讲解常用的jsp页面背景设置。本项目百度网盘共享地址： http://pan.baidu.com/s/1c6BaFk 首先当然是配置eclipse开发环境（我测试的时候开发环境为：jdk1.7+tomcat7+eclipse kepler。 建Dynamic web project项目（myeclipse...
IDEA2019：在JSP中添加背景图片，解决JSP中背景图片不显示问题
sky-stars的博客
11-17 2万+
IDEA2019：添加JSP背景图片 文章目录IDEA2019：添加JSP背景图片前言一、操作步骤总结 前言 想为JSP添加背景图，让JSP变得好看，但添加完后，图片在启动服务器后并不显示，该如何解决呢？ 一、操作步骤 1.创建一个新的JSP页面 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <meta charset="utf-8"&g
背景图片铺满整个页面
kepler星球的博客
03-09 220
1.页面 <div class=body></div> 2.样式 <style> .body{ width: 100%; height: 100vh; //页面高度铺满 background: url(../img.png) no-repeat; //背景图片 background-size: 100% 100%;//背景图片大小 background-attachment:...
在jsp代码添加背景图片
sutiesenn的博客
10-22 5万+
为了把注册页面的背景做的好看一些，可以添加背景图片 第一步 把图片添加到webroot文件夹里面 然后在myeclipse的webroot会看到这张图片www.jpg 第二步 在&lt;body&gt;里面添加    background="www.jpg"    变成&lt;body background="www.jpg"&gt;    最后运行代码，就可以看到背景图...
CSS教程:position属性
12-09
position属性可以让你让你随意控制一个特定元素在浏览器何处以及如何显示。比方说我们用position:fixed 让一个图片显示在浏览器的左上角.即使出现滚动条他依然可以在浏览器的左上角.posotion属性有4个取值.由于static为默认的方式。 position属性可以让你让你随意控制一个特定元素在浏览器何处以及如何显示。比方说我们用position:fixed 让一个图片显示在浏览器的左上角.即使出现滚动条他依然可以在浏览器的左上角.posotion属性有4个取值.由于static为默认的方式。所以实际上可用的值只有3个 为了方便阅读~以下统称为：固定(fixed)、相对(rel
CSS设置背景模糊的实现方法
01-19
在做一些页面的时候，为了让页面更好看，我们常常需要设置一些背景图片，但是，当背景图片太过花哨的时候，又会影响我们的主体内容，所以我们就需要用到 filter 属性来设置他的模糊值。 html代码如下 <!DOCTYPE html> <html> <head> <meta charset=utf-8> <meta name=viewport content=width=device-width> <title>JS Bin</title> </head> <body> <div class=cover> <h1>我是需要突出显示的内容 </div> </body
图片背景页面居中制作登录页面
10-19
登录窗口嵌入页面居中显示，放置背景图片，并在图片上相应的位置上放置input、button等控件；文档通过div+css实现；实现的结果适应任何分辨率；文档通过操作后形成，含关键代码。
java jsp根据不同的IP生成不同的图片 背景为同一张图片 个性签名.rar
01-24
java jsp根据不同的IP生成不同的图片 背景为同一张图片 个性签名.rar
基于JSP+SQL server实现的网上选课系统(源代码+数据库+论文+答辩PPT)
最新发布
08-28
1.1 课程背景 - 5 - 1.2 课程现状 - 6 - 第二章 系统需求分析 - 6 - 2.1 需求分析 - 6 - 2.2可行性分析 - 7 - 2.3系统配置需求 - 7 - 第三章 系统总体设计 - 8 - 3.1 项目规划 - 8 - 3.2 设计目标 - 8 - 3.3 系统...
毕业论文——网上书店系统的设计与实现（word文档）下载
10-08
1 终端用户界面的流程图 34 5. 2. 2 前台系统的实现 35 (1) 前台主页面设计如图 5-14 所示： 35 (2) 个人信息管理（modiReg. jsp）选择“修改注册资料” 菜单可更改注册信息 37 (3) 留言信息管理（leaveword. jsp）...
Servlet+JSP+SQL Server实现学生网上选课系统(源代码+论文+答辩PPT)
08-18
1.1 课程背景 - 5 - 1.2 课程现状 - 6 - 第二章 系统需求分析 - 6 - 2.1 需求分析 - 6 - 2.2可行性分析 - 7 - 2.3系统配置需求 - 7 - 第三章 系统总体设计 - 8 - 3.1 项目规划 - 8 - 3.2 设计目标 - 8 - 3.3 系统...
酒店预订系统毕业设计整套
11-17
5.4 数据库功能设计——函数与存储过程 28 5.5 数据交互AJAX异步刷新技术 32 第6章 系统详细设计 34 6.1 系统全局流程模 34 6.2 登录注册系统 36 6.3 前台主界面 39 6.4 后台资源管理 39 6.5 后台管理员管理 41 6.6 ...
jsp页面改背景图片大小
05-30
要改变JSP页面中背景图片的大小，你可以在CSS样式表中使用background-size属性。这个属性可以用来设置背景图片的尺寸大小。以下是一个示例CSS样式： ```css body { background-image: url('your-image-url.jpg'); background-repeat: no-repeat; background-size: cover; /*或者contain*/ } ``` 其中，background-size属性可以设置为cover或contain。cover将背景图片缩放到完全覆盖背景区域，可能会裁剪图片。contain将背景图片缩放到完全适应背景区域，可能会有空白区域。 你可以根据自己的需要调整background-size属性的值，使其适应你的JSP页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值