编程语言【】关于css背景有白边的问题._html/css_WEB-ITnose

当我使用背景图片时，无论怎么调整，总是无法横向铺满整个屏幕。
但是我使用背景颜色时，总是能横向铺满整个屏幕。
下面是代码和运行效果：
1，使用背景图片
代码：
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>

<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>

<div id="d1" align="center" style="width:100%; height:30%">

用户名

密码

<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>

效果：

2，使用背景颜色
代码：
<%@page language="java" import="java.util.*,java.sql.*,java.text.SimpleDateFormat" pageEncoding="gb2312" %>

<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/final","root","aaaa8888");
Statement stat=conn.createStatement();
String sql;
%>

<div id="d1" align="center" style="width:100%; height:30%">

用户名

密码

<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>

效果：

回复讨论(解决方案)

这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊！！！！！！！！！！！！！！！！！！解决了，但是为什么图片不是连贯的，后面的那一部分是从前面截断拼接到后面的

这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊！！！！！！！！！！！！！！！！！！解决了，但是为什么图片不是连贯的，后面的那一部分是从前面截断拼接到后面的

图片小于浏览器宽度了。。。这个涉及到图片拉伸问题。。。
楼主可以尝试background-size:cover拉伸图片

这里background-repeat: repeat-y;应该是repeat-x;x才是横向。。。

3q啊！！！！！！！！！！！！！！！！！！解决了，但是为什么图片不是连贯的，后面的那一部分是从前面截断拼接到后面的

图片小于浏览器宽度了。。。这个涉及到图片拉伸问题。。。
楼主可以尝试background-size:cover拉伸图片
谢谢大神啊！完美解决了！！！！！！！！！！！！！！！

文章来源：https://www.php.cn/faq/273563.html