实现的参考代码如下：
<form name="f1" method="post" action="">
<c:forEach items="${list}" varStatus="state" var="dto">
<input type="text" id="ntcode" name="ntcode" value="<c:out value="${dto.ntcode}">序号:</c:out>"/>
<label class="control-label" for="exampleInputPassword1">标题:</label>
<c:out value="${dto.nttitle}"></c:out>
<label class="control-label" for="exampleInputPassword1">正文：</label>
<c:out value="${dto.nttext}"></c:out>
<label class="control-label" for="exampleInputPassword1">发布人：</label>
<c:out value="${dto.agentcode}"></c:out>
<label class="control-label" for="exampleInputPassword1">发布时间：</label>
<c:out value="${dto.ntdate}"></c:out>
<input type="button" class="btn btn-block btn-red" id="del" name="del" value="删除此公告通知"
onclick="deletegg()"/>
</c:forEach>
</form>
<!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=gb2312" />
<title>CSS新闻列表制作</title>
<style type="text/css">
.list{
text-align: left
}
.list ul{
list-style-type: none
margin: 0px
padding: 0px
}
.list li{
width: 100% float:leftclear:left
}
.list li a{
color: #777777
display: block
text-decoration:none
}
.list li a:hover{
color: #336699
}
b{margin-right:10px}
</style>
</head>
<body>
<ul class=list>
<li><a href="#"><b>新闻标题01</b>2007年12月21日</a></li>
<li><a href="#"><b>新闻标题02</b>2007年12月21日</a></li>
<li><a href="#"><b>新闻标题03</b>2007年12月21日</a></li>
<li><a href="#"><b>新闻标题04</b>2007年12月21日</a></li>
</ul>
</body>
</html>
当然您可以添加一些特效喽
这个一般通过样式解决，找到定义文章列表的css，然后加个小图标背景就行。比如html是这样写的：<li>内容内容</li>
css这样写：
li{
background: url("../images/xx.jpg") no-repeat left center
padding-left:10px
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）