div+css新手实例：新闻列表代码,Css代码库,德仔网

代码语言

代码分类

【Css】 div+css新手实例：新闻列表

作者:Dezai.CN / 发布于2013/4/25/ 622


	 <html>
	<head>
	<style type="text/css">
	<!--
	body {
	margin: 0;
	padding: 0;
	font-size:12px;
	}
	#layout{
	background-color: #FFFFFF;
	border: 0;
	width: 400px;
	margin: 0 auto;
	}
	.list{
	margin: 0px 10px 20px;
	text-align: left;
	}

	.list ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

	.list li{
	width: 100%;
	}
	.list li a{
	color: #777777;
	display: block;
	padding: 0px 0px 4px 15px;
	}

	.list li span{
	float: right;/*使span元素浮动到右面*/
	text-align: right;/*日期右对齐*/
	}
	.list li a:hover{
	color: #336699;
	}
	-->
	</style>
	</head>

	<body>
	<div id="layout">
	<ul class="list">
	<li><span>2009年6月6日 </span><a href="#">新闻标题01</a></li>
	<li><span>2009年6月6日 </span><a href="#">新闻标题02</a></li>
	<li><span>2009年6月6日 </span><a href="#">新闻标题03</a></li>
	<li><span>2009年6月6日 </span><a href="#">新闻标题04</a></li>
	</ul>
	<div>
	</body>
	</html>

试试其它关键字

　新闻列表　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)