<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
.news{width:1000px;
margin:0 auto;
}
.newstitle img{margin-left:10px;
margin-right:15px;
float:left;
}
.newstitle li{ list-style-type:none;
font-size:18px;
float:left;
vertical-align:middle;
line-height:20px;
margin: 25px 15px;}
a { text-decoration:none;}
.newstitle a:link, .newstitle a:visited{ color:#333;}
.newstitle a:hover, .newstitle a:active{ color:#c36;}
.logo img{ margin-top:5px;}
.content_title{ margin-top:10px;
margin-bottom:10px;
height:30px;}
.content_title span{ background:#C03;
display:block; width:200px; text-align:center;
float:left;
line-height:30px;
}
.content_title a { background:#333;
display:block;
color:#FFF;
float:right;
width:800px;
line-height:30px;}
.image1, .image2, .image3{background:#FFF;
height:300px;
width:330px;
float:left;
border:1px solid #CCC;}
.image1,.image2{ margin-right:2px;}
.picture img{ height:250px;
width:330px;
}
.picture span{
display:block;
text-align:center;
margin-top:15px;
font-size:18px;
}
.listbox1,.listbox2,.listbox3{width:326px;
float:left;
margin-top:15px;
height:300px;
border:1px solid #CCC;}
.listbox1,.listbox2{ margin-right:7px;
}
.listbox1 h,.listbox2 h, .listbox3 h {
display:block;
background:#C03;
color:#FFF;
height:30px;
font-size:18px;
line-height:30px;
padding-left:15px;
}
.listbox1_content{
height:80px;
border-bottom:1px solid #CCC;
}
.listbox1 a{
background:#C03;
display:block;
width:2em;
padding:5px;
margin-top:15px;
float:left;
}
.listbox1 p1{text-align:center;
display:block;}
.listbox2 img{ display:block;
width:326px;height:150px;}
.listbox2 li{ list-style-type:none;}
.listbox3_content1 li,.listbox3_content2 li{
list-style-type:none;
display:block;
margin-left:0px;}
.listbox3_content2{margin-top:50px;}
</style>
<body>
<div class="news">
<div class="newstitle">
<img src="http://img1.sycdn.imooc.com//53edadad0001efe202000070.jpg" alt=""/>
<ul>
<li><a href="#">首页 </a> </li>
<li><a href="#">产品调查 </a> </li>
<li><a href="#">解决方案</a> </li>
<li><a href="#">服务中心</a> </li>
<li><a href="#">关于我们</a> </li>
</ul>
</div>
<div class="logo">
<img src="http://img1.sycdn.imooc.com//53edad1600019ae910000310.jpg" alt="" />
</div>
<div class="content">
<div class="content_title">
<span>滚动新闻</span> <a>这是滚动新闻</a>
</div><!--content_title结束-->
<div class="picture">
<div class="image1"> <img src="http://img1.sycdn.imooc.com//53edad54000119fb03300130.jpg"/><span>吉娃娃</span></div>
<div class="image2"> <img src="http://img1.sycdn.imooc.com//53edad690001260a03300130.jpg"/><span>狮子狗</span></div>
<div class="image3"><img src="http://img1.sycdn.imooc.com//53edad7a0001cde803300130.jpg"/><span>嘻嘻哈哈呼呼</span> </div>
</div> <!--picture结束-->
</div> <!--content结束-->
<div class="listbox">
<div class="listbox1">
<h>新闻中心 </h>
<div class="listbox1_content"><a>10月16日</a>
<p1><strong>学习计划之编程挑战</strong></p1>
<p2>1111111111111111111</p2>
<p2>1111111111111111111</p2>
</div>
<div class="listbox1_content"><a>10月16日</a>
<p1><strong>学习计划之编程挑战</strong></p1>
<p2>1111111111111111111</p2>
<p2>1111111111111111111</p2>
</div>
<div class="listbox1_content"><a>10月16日</a>
<p1><strong>学习计划之编程挑战</strong></p1>
<p2>1111111111111111111</p2>
<p2>1111111111111111111</p2>
</div>
</div><!--listbox1结束-->
<div class="listbox2">
<h>活动中心 </h>
<div class="listbox2_content">
<img src="http://img1.sycdn.imooc.com//53edacdd0001b8e804820302.jpg"/>
<ul>
<li><strong>张大大源码征集活动</strong></li>
<li><strong>张大大源码征集活动</strong></li>
<li><strong>张大大源码征集活动</strong></li>
<li><strong>张大大源码征集活动</strong></li>
<li><strong>张大大源码征集活动</strong></li
></ul>
</div>
</div>
<div class="listbox3">
<h>联系我们</h>
<div class="listbox3_content1">
<ul>
<li>讲师招募</li>
<li>张同学</li>
<li><strong>电话：1551155851</strong></li>
<li><strong>QQ：865164281</strong></li>
<li><strong>微信：bujuan121</strong></li>
</ul>
</div>
<div class="listbox3_content2">
<ul>
<li>网站合作</li>
<li>卜同学</li>
<li><strong>电话：15571155851</strong></li>
<li><strong>QQ：8651633281</strong></li>
<li><strong>微信：bujuan121</strong></li>
</ul>
</div>
</div><!--listbox3结束-->
</div><!--listbox结束-->
<div class="bottom"> </div>
</div>
</body>
</html>
bujuan
2014-10-17
0 回答
举报
0/150
提交
取消
