当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。
但是我使用背景颜色时,总是能横向铺满整个屏幕。
下面是代码和运行效果:
1,使用背景图片
代码:
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>
<html>
<style type="text/css">
#d1{
background-image: url(css1.png);
background-repeat: repeat-y;
position:fixed;
right:0px;
top:300px;
}
</style>
<body background=bg.jpg>
<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>
<form action="MyJsp.jsp" name="login">
<div id="d1" align="center"
style="width:100%; height:30%">
<br><br><br>
用户名<input name="username" type="text"><br>
<br>
密码 <input name="password" type="password"><br><br>
<input type="button" onclick="f()" value="登陆">
<input type="button" onclick="b()" value="注册">
</div>
</form>
</center>
<script type="text/javascript">
function f(){
username=document.login.username.value;
password=document.login.password.value;
if(username==""){
alert("用户名不能为空");
document.Login.username.focus();
return;
}
else if(password==""){
alert("密码不能为空");
document.Login.password.focus();
return;
}
document.login.submit();
}
function b(){
window.location.href="zc.jsp";
}
</script>
</body>
</html>
效果:
2,使用背景颜色
代码:
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>
<html>
<style type="text/css">
#d1{
background-color:blue;
background-repeat: repeat-y;
position:fixed;
right:0px;
top:300px;
}
</style>
<body background=bg.jpg>
<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>
<form action="MyJsp.jsp" name="login">
<div id="d1" align="center"
style="width:100%; height:30%">
<br><br><br>
用户名<input name="username" type="text"><br>
<br>
密码 <input name="password" type="password"><br><br>
<input type="button" onclick="f()" value="登陆">
<input type="button" onclick="b()" value="注册">
</div>
</form>
</center>
<script type="text/javascript">
function f(){
username=document.login.username.value;
password=document.login.password.value;
if(username==""){
alert("用户名不能为空");
document.Login.username.focus();
return;
}
else if(password==""){
alert("密码不能为空");
document.Login.password.focus();
return;
}
document.login.submit();
}
function b(){
window.location.href="zc.jsp";
}
</script>
</body>
</html>
效果: