站长资源网络编程

      <table class="table table-hover table-striped" id="table">
          <tr class="danger">
            <th>类别</th>
            <th>信息标题</th>
            <th>物品类型</th>
            <th>遗失/拾物时间</th>
            <th>遗失/拾物地点</th>
            <th >发布时间</th>
          </tr>
          <foreach name="infoList" item='vo'>

          <tr >
            <td>{$vo.info_type}</td>
            <td>{$vo.info_title}</td>
            <td>{$vo.thing_type}</td>
            <td>{$vo.info_time}</td>
            <td>{$vo.info_place}</td>
            <td>{$vo.create_time}</td>
          </tr>
          </foreach>
      </table>

       <div class="page">
          <ul>
            {$show}
          </ul>
      </div>

/* start 分页样式 */

.page{
  overflow:hidden;
  margin:50px 0 50px 100px;;
}

.page ul a,.page ul span{
  float:left;
  display:inline-block;
  padding: 0 17px;
  height:40px;
  width:auto;
  border:1px solid #DDDDDD;
  border-radius: 4px;
  background:#fff;
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
  color:#7d7d7d;
}

.page ul a:hover{
  background:#337AB7;
  color:#fff;
  text-decoration:none;
}

.page ul span.current{
  background: #337AB7;
  color:#fff;
}


.page ul a:first,.page ul a:last{
  float:left;
  display:inline-block;
  width:40px;
  height:40px;
  border-radius:50%;
  background:rgb(215, 215, 217);
  text-align:center;
  line-height:40px;
  margin-right:10px;
  font-family: "microsoft yahei" simhei sans-serif;
}

#pageTips {
  float:right;
}
/* end 分页样式 */