首页 > 其他 > 详细

10.9的作业

时间:2014-10-12 18:36:29      阅读:296      评论:0      收藏:0      [点我收藏+]

<!DOCTYPE HTML>
<html>
<head>
 <title></title>
 <style type="text/css">
 .xm
 {
  width:292px;
  height:592px;
  background-color:white;
  margin-left:150px;
 }
 .xm1
 {
  width:292px;
  height:67px;
  background-color:#4FC0E8;
 }
 .xm2
 {
  width:292px;
  height:194px;
  background-color:#4FC0E8;
  margin-top:17px;
 }
 .xm3
 {
  width:292px;
  height:295px;
  background-color:#4FC0E8;
  margin-top:17px;
 }
 .xm4
 {
  width:292px;
  height:55px;
  background-color:#3BAEDA;
 }
 .xm5
 {
  width:162px;
  height:45px;
  background-color:#3BAEDA;
  margin-left:70px;
 }
 
 .tp
 {
  margin-left:19px;
 }
 .tp1
 {
  margin-left:19px;
 }
 .tp2
 {
  margin-left:190px;
  margin-top:-61px;
 }.zt
 {
  font-size:16px;
  line-height:67px;
  font-weight:600;
  font-family:"幼圆";
  text-align:center;
  color:white;
 }
 .zt1
 {
  font-size:16px;
  line-height:67px;
  font-weight:600;
  font-family:"幼圆";
  color:white;
  margin-left:100px;
  margin-top:-65px;
 }
 .zt2
 {
  font-size:13px;
  font-family:"宋体";
  color:white;
  margin-left:14px;
  font-weight:500;
 }
 .zt3
 {
  font-size:13px;
  font-family:"宋体";
  color:white;
  margin-left:160px;
  margin-top:-15px;
 }
 .zt4
 {
  font-size:150px;
  font-family:"宋体";
  color:white;
  text-align:center;
 }
 .zt5
 {
  font-size:16px;
  line-height:67px;
  font-weight:600;
  font-family:"幼圆";
  text-align:center;
  color:white;
  margin-top:-60px;
 }
 .zt6
 {
  font-size:16px;
  line-height:40px;
  font-weight:600;
  font-family:"幼圆";
  text-align:center;
  color:white;
 }


 </style>
 <body>
 
 <div class="xm">
  <div class="xm1">
   <div class="zt">
    LOAD MORE
   </div>
  </div>
  <div class="xm2">
   <div class="tp">
    <img style="width:59px;height:62px;"src="2.png">
   </div>
   <div class="zt1">
    LOREM IPSUM DOLOR
   </div>
   <div class="zt2">
    Quisque posurer risus erat at scelerisque felis pulvinar quis.
    Maecenas arcu lorem,laoreet at dui in,hendrerit mattis mi.
    Sed eu vehicula lectus felis pulvinar quis.
    Maecenas arcu lorem,laoreet at posuerr risus erat.
   </div> 
   <div class="zt3">
    Read More
   </div>
  </div>
  <div class="xm3">
   <div class="xm4">
    <div>
     <img stlye="width:28px;height:28px" src="3.png">
    </div>
    <div  class="zt5">
     WEDNESDAY
    </div>
    <div class="tp2">
     <img style="width:90px;height:53px" src="4.png">
    </div>
   </div>
   <div class="zt4">
    26
   </div>
   <div class="xm5">
    <div class="zt6">
     ADD EVENT
    </div>
   </div>
  </div>
 </div>
 </body>
</head>
</html>

 

10.9的作业

原文:http://www.cnblogs.com/DTH911/p/4020812.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!