,
发起公开课人信息
 |
|
css列表作业
咨询热线：400-6812568 转 8009 (拨分机号直接与机构招生老师联系，如需帮助请拨0)
<!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>
<style type="text/css">
body {}
img { border:0px;}
a { text-decoration:none; color:#33363b;}
ul { margin:0px; padding:0px; list-style:none;}
#news { width:320px;
}
#news h3{ height:29px; line-height:29px; background-color:#fbfbfb; border-top:2px solid #488ed3; border-bottom:1px solid #e1e8ee; font-size:16px; color:#5992c9; margin-bottom:12px;
}
#news .n_head{ height:88px; border-bottom:1px dashed #b8c2cc;
}
#news .n_head div { float:left;
}
#news .n_head .n_head_right { width:171px;}
#news .n_head img { width:130px; height:75px; margin-right:9px;
}
#news .n_head h4 { margin:0px; color:#4b677d; padding-top:10px; font-size:14px;}
#news .n_head p { margin:0px; color:#878787; line-height:22px; font-size:12px;}
#news .n_head p a { color:#585f8d;}
#news .n_content{ font-size:14px; margin-top:5px;
}
#news .n_content li { background:url(images/icobg_1.4.png) no-repeat 1px -390px; padding-left:12px; line-height:26px;}
#news2 { width:708px; padding:8px; background-color:#f4f4f4;}
#news2 .newslist { padding:14px 18px 15px 15px; width:672px; height:117px; background-color:#FFF; margin-bottom:10px;}
#news2 .newslist div { float:left;}
#news2 .newslist div img {background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DBDBDB;
height: 102px;
padding: 4px;
width: 137px;}
#news2 .newslist div h3 { font-size: 18px;
font-weight: bold;
line-height: 26px; margin:0px;}
#news2 .newslist div p { margin:0px; font-size:12px; color:#737987; line-height:20px;}
#news2 .newslist div p.date{}
#news2 .newslist div p.sum{ text-indent:20px;}
#news2 .newslist .newslist_right { width:503px; margin-left:12px;}
</style>
</head>
<body>
<div id="news">
<h3>科技 / 数码</h3>
<div class="n_head">
<div><a href="#"><img src="images/2328.jpg" /></a></div>
<div class="n_head_right"><h4><a href="#">戴上谷歌眼镜是什么感觉</a></h4>
<p> 一组图展示谷歌眼镜使用时的用户界面…<a href="#">[详细]</a></p>
</div>
</div>
<div class="n_content">
<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>
<li><a href="#">美图秀秀做手机：蔡文胜能否复制雷军故事</a></li>
<li><a href="#">美图秀秀做手机：蔡文胜能否复制雷军故事</a></li>
</ul>
</div>
</div>
<div id="news2">
<div class="newslist">
<div><a href="#"><img src="images/4.jpg" /></a></div>
<div class="newslist_right">
<h3><a href="#">乔布斯成功的简单秘方，坚持思考两个问题</a></h3>
<p class="date">2013年05月17日 16:36更新 标签：<a href="#">乔布斯</a>,<a href="#"> 产品</a>, <a href="#">心理学</a></p>
<p class="sum"> 乔布斯的成功秘方很简单， 他的成功和固执均来自于此。 创造不是才华、潜意识和机会的产物，而是思考的结果，是一系列对于问题和解决方案的重复思考过程。最好的解决方案往往能解开大部分难题，这结论早就在 1930 年代被心理... </p>
</div>
</div>
<div class="newslist">
<div><a href="#"><img src="images/4.jpg" /></a></div>
<div class="newslist_right">
<h3><a href="#">乔布斯成功的简单秘方，坚持思考两个问题</a></h3>
<p class="date">2013年05月17日 16:36更新 标签：<a href="#">乔布斯</a>,<a href="#"> 产品</a>, <a href="#">心理学</a></p>
<p class="sum"> 乔布斯的成功秘方很简单， 他的成功和固执均来自于此。 创造不是才华、潜意识和机会的产物，而是思考的结果，是一系列对于问题和解决方案的重复思考过程。最好的解决方案往往能解开大部分难题，这结论早就在 1930 年代被心理... </p>
</div>
</div>
<div class="newslist">
<div><a href="#"><img src="images/4.jpg" /></a></div>
<div class="newslist_right">
<h3><a href="#">乔布斯成功的简单秘方，坚持思考两个问题</a></h3>
<p class="date">2013年05月17日 16:36更新 标签：<a href="#">乔布斯</a>,<a href="#"> 产品</a>, <a href="#">心理学</a></p>
<p class="sum"> 乔布斯的成功秘方很简单， 他的成功和固执均来自于此。 创造不是才华、潜意识和机会的产物，而是思考的结果，是一系列对于问题和解决方案的重复思考过程。最好的解决方案往往能解开大部分难题，这结论早就在 1930 年代被心理... </p>
</div>
</div>
<div class="newslist">
<div><a href="#"><img src="images/4.jpg" /></a></div>
<div class="newslist_right">
<h3><a href="#">乔布斯成功的简单秘方，坚持思考两个问题</a></h3>
<p class="date">2013年05月17日 16:36更新 标签：<a href="#">乔布斯</a>,<a href="#"> 产品</a>, <a href="#">心理学</a></p>
<p class="sum"> 乔布斯的成功秘方很简单， 他的成功和固执均来自于此。 创造不是才华、潜意识和机会的产物，而是思考的结果，是一系列对于问题和解决方案的重复思考过程。最好的解决方案往往能解开大部分难题，这结论早就在 1930 年代被心理... </p>
</div>
</div>
<div class="newslist">
<div><a href="#"><img src="images/4.jpg" /></a></div>
<div class="newslist_right">
<h3><a href="#">乔布斯成功的简单秘方，坚持思考两个问题</a></h3>
<p class="date">2013年05月17日 16:36更新 标签：<a href="#">乔布斯</a>,<a href="#"> 产品</a>, <a href="#">心理学</a></p>
<p class="sum"> 乔布斯的成功秘方很简单， 他的成功和固执均来自于此。 创造不是才华、潜意识和机会的产物，而是思考的结果，是一系列对于问题和解决方案的重复思考过程。最好的解决方案往往能解开大部分难题，这结论早就在 1930 年代被心理... </p>
</div>
</div>
</div>
</body>
</html>
广州市越秀区解放南路123号金汇大厦24楼
189 2234 6950
Email:
手机访问优训网
机构入驻 加盟咨询