百度主页的这种图片怎么做?急呀
发布网友
发布时间：2022-04-20 08:56
共5个回答
懂视网
时间：2022-04-20 13:17
之前在百度知道我提问过这一个问题，后来解决了。不过好多人来问我时怎么解决的，源码。
其实很简单。这里我贴一下代码。有需要的小伙伴不用再加我qq了，直接来这里取吧。
里面的图片是我随便找的。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
html,
body {
height: 100%;
}
body {
margin: 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
background-image: url(http://pic1.win4000.com/wallpaper/b/589d687069ed9.jpg);
}
h1{
height: 100%;
width: 100%;
margin: 0;
padding: 0;
color:#fff;
background-color: rgba(0,0,0,0.5);
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body>
<h1>按住Ctrl+滚动滚轮：可以看到文字缩放，背景不动</h1>
</body>
</html>
热心网友
时间：2022-04-20 10:25
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>让晨告诉你-亲亲吾爱，让爱装满您的每一个角落</TITLE>
<META http-equiv=Content-Type content=text/html; charset=gb2312>
<STYLE>
BODY{MARGIN:0;padding:0;background-image: url(/upload/s0/200909/125317893918386.jpg);background-repeat:repeat;background-position: center;background-attachment: fixed;background-color:#FFFFFF;color:#0000CC;text-align:center;}
P{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
IMG{BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px}
TD{FONT-SIZE: 12px}
P{FONT-SIZE: 12px}
#u{FONT-SIZE: 12px}
#b{FONT-FAMILY: arial}
#u{FONT-FAMILY: arial;}
#l TD{FONT-FAMILY: arial}
A{FONT-FAMILY: arial}
#kw{FONT: 16px Verdana; PADDING-TOP: 2px; HEIGHT: 1.78em}
#b{PADDING-TOP: 4px; HEIGHT: 30px}
#u{PADDING-RIGHT: 10px; MARGIN: 0px 0px 10px; LINE-HEIGHT: 19px; TEXT-ALIGN: right;}
#sb{width:81px;height:26px;}
#km{HEIGHT: 50px}
#l{MARGIN: 0px 0px 5px 15px}
#l TD{PADDING-LEFT: 107px}
P{BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 650px; BORDER-BOTTOM: 0px}
TABLE{BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; WIDTH: 650px; BORDER-BOTTOM: 0px}
#l TD{FONT-SIZE: 14px}
#sb{FONT-SIZE: 14px}
#km{FONT-SIZE: 14px}
#l A{MARGIN-RIGHT: 1.14em}
#l B{MARGIN-RIGHT: 1.14em}
A{COLOR: #00c}
A:active{COLOR: #00c;text-decoration: none;}
#hp{MARGIN-LEFT: 6px; POSITION: absolute}
#lg{MARGIN: -26px 0px -44px}
#lk{VERTICAL-ALIGN: top; WIDTH: auto; LINE-HEIGHT: 18px}
FORM{Z-INDEX: 9; POSITION: relative}
a:link {color: #0000CC;text-decoration: none;}
body,td,th {color: #000000;}
a:visited {color: #0000CC;text-decoration: none;}
a:hover {text-decoration: none;}
.STYLE1 {font-size: 14px}
.STYLE2 {color: #00c}
.tag span{ text-align:left;}
#siteTag{ text-align:center; width:356px;}
#siteTag a{ margin-left:10px; font-size:14px;}
#sb{background:url(/public/admin/images/_view/2-2.gif) no-repeat;}
#moveDiv{color:white}
</STYLE>
<script language="javascript" src="/public/share/jquery.js"></script>
<SCRIPT src="/public/share/ui.core.js" type=text/javascript></SCRIPT>
<script>
var workId = 103725;
var movex = -54;
var movey = 14;
var uid=17175;</script>
<META content="MSHTML 6.00.2900.5626" name=GENERATOR><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></HEAD><BODY onResize="reSet()"><div id="ajax_info"></div><DIV id=u><A href="http://passport.baidu.com/?login&;tpl=mn">登录</A></DIV>
<div id="mainDin"style="width:1000px;height:585px; margin:auto; padding:0;"><CENTER><p><BR></p><p> </p><p> </p><p><BR><BR><BR></p><div style="text-algin:center;width:200px; height:300px;"id="centrDiv"> </div></CENTER></div><div style="width:443px;height:104px; position:absolute; display:none;" id="moveDiv"><TABLE id=l cellSpacing=0 cellPadding=0><TBODY><TR><TD style=" padding-left:0px;" align="left"><DIV id=m><A onclick=s(this)
href="http://news.baidu.com/"> <u> 新 闻</u></A><span style="color:#0000CC">网 页</span> <A
onclick=s(this) href="http://tieba.baidu.com/"><u>贴 吧</u></A><A
onclick=s(this) href="http://zhidao.baidu.com/"><u>知 道</u></A><A
onclick=s(this) href="http://mp3.baidu.com/"><u>MP3</u></A><A onclick=s(this)
href="http://image.baidu.com/"><u>图 片</u></A><A onclick=s(this)
href="http://video.baidu.com/"><u>视 频</u></A></DIV></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0><TBODY><TR vAlign=top><TD style="HEIGHT: 62px" noWrap><FORM name=f action=http://www.baidu.com/s onSubmit="return checkForm();"><INPUT id="kw" maxLength=100 size=42 name=wd style="border:1px solid #7F9DB9"> <INPUT id=sb type=submit value='百度一下' style="border:0;" ></FORM></TD></TR></TBODY></TABLE><TABLE cellSpacing=0 cellPadding=0><TBODY><TR vAlign=top><TD noWrap><span id="siteTag"> <a href="http://www.7752.cc/">|</a> <a href="http://www.7752.cc/" style="text-decoration:underline;">亲亲吾爱>></a> </span></TD></TR></TBODY></TABLE></div>
<script language="javascript" src="/public/admin/js/page2.js"></script>
<div style="display:none"><script src="http://s13.cnzz.com/stat.php?id=1225599&web_id=1225599" language="JavaScript" charset="gb2312"></script></div></BODY></HTML>
热心网友
时间：2022-04-20 11:43
热心网友
时间：2022-04-20 13:18
热心网友
时间：2022-04-20 15:09
