CSS实现碎片新闻布局的实现

编辑：007 时间：2015-06-30

<!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>
<title>CSS实现碎片新闻布局的实现_烟台荣华软件原创技术</title>
<style>
*{margin:0;padding:0;}
div{width:450px;margin:0 auto; overflow:hidden; text-align:left;}
a{ white-space:nowrap;padding:0 4px; text-decoration:underline;color:#666;}
.a-o{font-weight:bold;}
a:hover{color:#fff000;}
</style>
</head>
<body><div><a href="#">湖北咸宁市出租车停运近月，百余司机上访被拘引强烈关注！</a>
<a href="#">可惜不是你</a><a href="#">可惜不是如何相信你</a><a href="#">可惜不是你</a><a href="#">可惜不是你</a>
<a href="#">可惜不是你</a><a href="#">可惜不是你</a><a href="#">可惜不是你</a><a href="#">频繁停电致蜡烛脱销</a>
<a href="#" class="a-o">互联网上如果有什么你不喜欢的</a><a href="#" class="a-o">中越边境村民屡踩遗留地雷</a>
<a href="#">可惜不是你</a><a href="#">可惜不是你</a><a href="#">可惜不是你</a><a href="#">西安大学生撞人后8刀捅死伤者续</a>
<a href="#">可惜不是你</a><a href="#">河南公布368万天价过路费算法</a><a href="#">投千万建形象工程</a><a href="#">可惜不是你</a>
</div>
<br />
<p><a href="http://www.rongsoft.cn">荣华电商</a> - 致力于打造中国功能最完善的多商户商城电商平台！</p>
</body>
</html>

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：创业者热情被点燃硅谷的经验可以复制吗？

下一篇：39岁了，我依然要谈梦想

回复列表

CSS实现碎片新闻布局的实现

400-692-8081