实现的参考代码如下：
<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>
html中共有3种列表：无序列表ul、有序列表ol、定义列表dl。
1、无序列表：
<ul>
<li>……</li>
<li>……</li>
</ul>
ul是最常用到的列表，一般的新闻列表都是通过ul实现的。其中li是没有顺序性的，就是并列关系。通过设置list-style样式可以控制li前边显示点或圈等（具体查看在线手册）。在具体操作中，列表前边的小图标都是通过背景图来实现的。
2、有序列表：
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
有序列表在实际中用到的比较少，顾名思义，里边的li是有顺序的。可以通过设置来实现li前边显示“1，2，3”或其他顺序（具体查看在线手册）。
1、定义列表：
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
定义列表的本意是下定义用的，就是一个标题，然后下边是分条内容。但在实际中，由于定于列表本身就3个标签dl、dt、dd，并且为块元素，所以定义列表经常用来布局。
<!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>
当然您可以添加一些特效喽
