前端
<!DOCTYPE html>
<html>
<head>
<title>考试了</title>
<link rel="stylesheet" href="css/style.css">
<meta charset="utf-8">
</head>
<body>
<div id="b">
<div id="b1"><img src="images/banner.jpg" alt=""></div>
<div id="b2"><img src="images/content_bg.jpg" alt="">
<div id="b2_1"><img src="images/toplink.jpg" alt="">
<div id='b2_1_font'>
<font>首页 </font>
<font>论坛 </font>
<font>推荐 </font>
<font>最新日志 </font>
<font>最新评论 </font>
<font>尚未登陆 </font>
</div>
</div>
<div id="c">
<div id="c1">
<div id="c1_tu"><img src="images/recommendblog.jpg" alt=""></div>
<div id="c_font">
<font color='red'>詹尼花儿</font> <font color='blue'>jennifer</font><br>
<font>禅</font><br>
<font>又地震了</font><br>
<font>老李说</font><br>
<font>地铁发飙记</font><br>
<font>“王”者归来</font>
</div>
<div id="c_biao">
<img src="images/arrow5.gif" alt=""><br>
<img src="images/arrow5.gif" alt=""><br>
<img src="images/arrow5.gif" alt=""><br>
<img src="images/arrow5.gif" alt=""><br>
<img src="images/arrow5.gif" alt="">
</div>
</div>
<div id="c2">
<div id="c2_1">
<font color="yellow">2019年10月21日 星期一</font>
<font color="red">天秤</font>
<font color="blue">己亥年 猪 九月廿三</font><br><br>
</div>
<div id="c2_2">
<font>*ABCDEFGHIJKLMNO<br>PQRSTUVWXYZ></font>
</div>
</div>
<div id="c3">
<font> 博客搜索：<input type="text" style="width:100px;"></font>
<font>ID<input type="radio"></font>
<font>名称<input type="radio"></font>
<font>描述<input type="radio"></font>
<button type="button">GO</button>
</div>
<div id="c4">
<font> <img src="images/arrow5.gif" alt=""> 用户名：</font><input type="text" style="width: 100px"> <button>登录</button><br>
<font> <img src="images/arrow5.gif" alt=""> 密 码：</font><input type="password" style="width:100px"> <button>注册</button>
</div>
<div id="c5">
<div id="c5_tu"><img src="images/recommendart.jpg" alt=""></div>
<div id="c5_font">
<font>突厥系列之一_突厥,突厥人 vivids</font><br>
<font>姐姐说 坚强的就是快乐的... cyber</font><br>
<font>在linux下使用NOR flash存... alvin</font><br>
<font>景致南浔 amandavela</font><br>
<font>Windows快捷键大全 inming</font><br>
<font>地铁发飙记 jennifer</font><br>
<font>2006发生的事 xfavorx</font><br>
<font>姐姐说 坚强的就是快乐的... cyber</font><br>
<font>突厥系列之一_突厥,突厥人 vivids</font><br>
<font>在linux下使用NOR flash存... alvin</font><br>
<font>姐姐说 坚强的就是快乐的... cyber</font>
<div id="c5_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
</div>
<div id="c6">
<div id="c6_tu"><img src="images/newnode.jpg" alt=""></div>
<div id="c6_font">
<font>[托波索的小屋] 等我考完试了</font><br>
<font>[长不大的小孩儿] 上完了最后一节严宣申老师...</font><br>
<font>[詹尼花儿] 一句话</font><br>
<font>[长不大的小孩儿] 看了一个比较崇拜的ss师兄...</font><br>
<font>[长不大的小孩儿] 突然想起了鲁迅的一句话</font><br>
<font>[E心E意W36] 呵呵，做版主被弹劾了</font><br>
<font>[Beyond Paradise] 偶尔也要更新一下～</font><br>
<font>[詹尼花儿] 痛苦啊</font><br>
<font>[加州旅馆] 寻找局部最优</font><br>
<font>[星天的博客] 冒着大风出去自习</font><br>
<font>[星天的博客] 卷首语</font><br>
<font>[个人文集] 发篇文章真难</font><br>
<font>[E心E意W36] 假期将至！</font><br>
<font>[长不大的小孩儿] 今天……</font><br>
<font>[蓝色天际/blueheaven] 没课了</font><br>
<font>[长不大的小孩儿] 才看到有意思的东西</font><br>
<font>[长不大的小孩儿] 又要放假了</font><br>
<font>[蓝空霞彩] 读书人的出世与入世1</font><br>
<font>[倏忽一年，花开两边] 期末临近</font><br>
<font>[倏忽一年，花开两边] 小小学术之winpcap(自力更...</font>
<div id="c6_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
</div>
</div>
<div id="d">
<div id="d1">
<img src="images/lstatistics.jpg" alt="">
<div id="d1_font">
<font>用户: 893 人</font><br>
<font>日志: 4397 个</font><br>
<font>评论: 4596 篇</font><br>
</div>
<div id="d1_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
<div id="d2">
<img src="images/lhotblog.jpg" alt="">
<div id="d2_font">
<font>艾萨克 < isaac></font><br>
<font>詹尼花儿 < jennifer></font><br>
<font>流 觞 < shenhuanyan></font><br>
<font>CYBERSPACE < cyber></font><br>
<font>小舔一下 < LifeSucks></font><br>
<font>楚岑·洗心 < popla></font><br>
<font>小孩儿 < bazhuazhua></font><br>
<font>未名空间 < sheva></font><br>
<font>Dark City < freax></font><br>
<font>E心E意&36 < moonbow></font>
</div>
<div id="d2_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
<div id="d3">
<img src="images/lrecent.jpg" alt="">
<div id="d2_font">
<font>托波索的小屋 < quixote></font><br>
<font>小孩儿 < bazhuazhua></font><br>
<font>詹尼花儿 < jennifer></font><br>
<font>Beyond Paradise < sherrielin></font><br>
<font>小舔一下 < LifeSucks></font><br>
<font>加州旅馆< zhanxiongfei></font><br>
<font>星天的博客 < starsky></font><br>
<font>个人文集 < sherry></font>
</div>
<div id="d2_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
<div id="d4">
<img src="images/lapply.jpg" alt="">
<div id="d2_font">
<font>星天的博客< starsky></font><br>
<font>蓝空霞彩< wcylester></font><br>
<font>随 缘< matata></font><br>
<font>大山的孩子< tuonene></font><br>
<font>伊的四季< Ifishamm></font><br>
<font>加州旅馆< zhanxiogei></font><br>
<font>SONG, original< song></font><br>
<font>买买提※温和的<br>树< mimiti></font>
</div>
<div id="d2_biao">
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt=""><br>
<img src="images/arrow6.gif" alt="">
</div>
</div>
</div>
</div>
<div id="b3"><img src="images/footer_bg.jpg" alt="">
<div id="b3_font">
<font>博客首页 | 博客论坛 | 用户列表 | 自由推荐 | 最新日志 | 最新评论 | 热门排行 | 日志搜索 | 立即申请<br>
版权所有 ?艾萨克</font>
</div>
</div>
</div>
</body>
</html>
CSS
*{
padding: 0px;
margin: 0px auto;
}
#b{
width: 858px;
height:1310px;
background-color: #5f4836;
}
#b1{
width: 798px;
height:320px;
}
#b2{
width: 798px;
height:941px;
}
#b2_1{
width: 574px;
height:45px;
position: relative;
top: -945px;
}
#b2_1_font{
position: relative;
top: -45px;left: 30px;
color:#fff;
letter-spacing: 2px;
}
#c{
height:896px;
width: 390px;
float: left;
position: relative;
top: -950px;left: 118px;
}
#c_font{
float: left;
position: relative;
left: 35px;
color: yellow;
font-size: 13px;
line-height: 22px;
}
#c1{
width: 390px;
height:133px;
}
#c1_tu{
height:133px;
width: 32px;
float: left;
}
#c_biao{
position: relative;
left: -180px;top: 20px;
}
#c2{
width: 390px;
height:80px;
background-color: #6c401b;
}
#c2_1{
position: relative;
left: 20px;top: 10px;
}
#c2_2{
font-size: 13px;
color: yellow;
letter-spacing: 15px;
position: relative;
left: 20px;
}
#c3{
width: 390px;
height:30px;
font-size: 13px;
color:yellow;
position: relative;
top: 5px;
}
#c4{
width: 390px;
height:60px;
background-color: #6c401b;
line-height: 25px;
font-size: 15px;
color: yellow;
}
#c5{
width: 390px;
height:230px;
background-color: #663f1d;
}
#c5_tu{
float: left;
}
#c5_biao{
position: relative;
left: -10px;top: -190px;
line-height: 17px;
}
#c5_font{
float: left;
position: relative;
top:35px;left: -80px;
color: yellow;
font-size: 13px;
letter-spacing: 2px;
}
#c6{
width: 390px;
height:350px;
}
#c6_tu{
position: relative;
top: -145px;
}
#c6_font{
float: left;
position: relative;
top:-250px;left: 60px;
color: yellow;
font-size: 8px;
letter-spacing: 2px;
}
#c6_biao{
position: relative;
left: -10px;top: -325px;
line-height: 16px;
}
#d{
height:896px;
width: 163px;
float: right;
position: relative;
top: -950px;right: 118px;
}
#d1{
width: 163px;
height:120px;
}
#d1_biao{
position: relative;
left: 10px;top: -58px;
line-height: 19px;
}
#d1_font{
position: relative;
left: 20px;
color: yellow;
font-size: 13px;
}
#d2{
width: 163px;
height:240px;
}
#d2_font{
position: relative;
left: 20px;top: 5px;
color: yellow;
font-size: 8px;
}
#d2_biao{
position: relative;
left: 10px;top: -150px;
line-height: 15px;
}
#d3{
width: 163px;
height:250px;
}
#d4{
width: 163px;
height:200px;
}
#b3{
width: 798px;
height:48px;
position: relative;
top: -950px;
}
#b3_font{
position: relative;
top: -50px;
color: yellow;
text-align: center;
font-size: 15px;
}
