最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 16:06:39
文档

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

【】关于css背景有白边的问题._html/css_WEB-ITnose:当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。 但是我使用背景颜色时,总是能横向铺满整个屏幕。 下面是代码和运行效果: 1,使用背景图片 代码: #d1{ background-image: url(css1.png); background-r
推荐度:
导读【】关于css背景有白边的问题._html/css_WEB-ITnose:当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。 但是我使用背景颜色时,总是能横向铺满整个屏幕。 下面是代码和运行效果: 1,使用背景图片 代码: #d1{ background-image: url(css1.png); background-r


当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。
但是我使用背景颜色时,总是能横向铺满整个屏幕。
下面是代码和运行效果:
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;
%>




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";
}





效果:



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





这里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拉伸图片


谢谢大神啊!完美解决了!!!!!!!!!!!!!!!

文档

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

【】关于css背景有白边的问题._html/css_WEB-ITnose:当我使用背景图片时,无论怎么调整,总是无法横向铺满整个屏幕。 但是我使用背景颜色时,总是能横向铺满整个屏幕。 下面是代码和运行效果: 1,使用背景图片 代码: #d1{ background-image: url(css1.png); background-r
推荐度:
标签: 背景 背景图 问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top