码迷,mamicode.com
首页 > 其他好文 > 详细

10.9的作业

时间:2014-10-12 19:28:38      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:style   color   os   ar   sp   div   on   html   ad   

<!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的作业

标签:style   color   os   ar   sp   div   on   html   ad   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!