【】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;
%>

    

    

style="width:100%; height:30%">
    



                       用户名

                       

                       密码    


                       
                       
                       

                       
    

    
  

  


效果：



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

    

    

style="width:100%; height:30%">
    



                       用户名

                       

                       密码    


                       
                       
                       

;
.username.value;
パスワード=document.login .password.value;
if(username==""){
document.Login.username.focus();
return;
}
else if(password== ""){
document.Login.password.focus();
document.login.submit( );

関数 b() {






ディスカッションへの返信 (解決策)

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ここで、background-repeat:repeat-y は、repeat-x である必要があります。 。 。

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ここで、background-repeat:repeat-y は、repeat-x である必要があります。 。 。


3q! ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！解決しましたが、画像が一貫性がないのはなぜですか? 後ろの部分が前から切り取られて後ろに接続されています

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ここで、background-repeat:repeat-y;とすべきです。水平です。 。 。

3q! ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！解決しましたが、画像がまとまらないのはなぜですか? 後半部分が前面から切り取られて背面に接続されています。

画像がブラウザの幅より小さいです。 。 。これには画像のストレッチが含まれます。 。 。

著者は、background-size:cover を試して画像を拡大することができます

<style type="text/css">   #d1{   background-image: url(css1.png);   background-repeat: repeat-y;   position:fixed;    right:0px;   top:300px;   }   </style>

ここで、background-repeat:repeat-y は、repeat-x である必要があります。 。 。


3q! ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！解決しましたが、画像がまとまらないのはなぜですか? 後半部分が前面から切り取られて背面に接続されています。

画像がブラウザの幅より小さいです。 。 。これには画像のストレッチが含まれます。 。 。 著者は、background-size:cover を試して画像を拡大できます

神様、ありがとう！完璧な解決策！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！ ！