热搜:NVER node 开发 php

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

2024-11-06 09:10:01
【】关于css背景有白边的问题._html/css_WEB-ITnose

当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。
但是我使用背景颜色时,总是能横向铺满整个屏幕。
下面是代码和运行效果:
1,使用背景图片
代码:


    
  
  


     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,使用背景颜色
代码:


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



                       用户名

                       

                       密码    


                       
                       
                       
                       
    

    
  

  


效果:


回复讨论(解决方案)



这里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拉伸图片
谢谢大神啊!完美解决了!!!!!!!!!!!!!!!