<div class="row"> <div class="data_pages"> <div id="pagerInfo">共${sessionScope.total}条数据，${sessionScope.newPage}/${sessionScope.pageCount}页</div> </div> <div class="data_page"> <nav id="pagerNav"> <ul class="pagination"> <li><a href="findAllPerson.do?newPage=1" id="firstBtn">首页</a></li> <c:if test="${sessionScope.newPage>1}"> <li><div style="position: absolute;left:257px;"><a href="findAllPerson.do?newPage=${sessionScope.newPage-1}&startIndex=${sessionScope.startIndex-5}">上一页</a></div></li> </c:if> <c:if test="${sessionScope.newPage<sessionScope.pageCount}"> <li><div><a href="findAllPerson.do?newPage=${sessionScope.newPage+1}&startIndex=${sessionScope.startIndex+5}">下一页</a></div></li> </c:if> <li><a href="findAllPerson.do?newPage=3" id="lastBtn">末页</a></li> </ul> </nav> </div> </div>为上述代码设计css样式

以下是一个可能的 CSS 样式设计：

.row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data_pages, .data_page {
  display: flex;
  align-items: center;
  font-size: 16px;
}

#pagerInfo {
  margin-right: 20px;
}

.pagination {
  display: flex;
}

.pagination li {
  margin: 0 10px;
}

.pagination li a {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eee;
  color: #333;
  text-decoration: none;
  border-radius: 3px;
}

.pagination li a:hover {
  background-color: #333;
  color: #fff;
}

#firstBtn, #lastBtn {
  background-color: #fff;
  color: #333;
}

#firstBtn:hover, #lastBtn:hover {
  background-color: #333;
  color: #fff;
}

这个样式设计考虑了以下几个方面：

- `.row` 使用 `display: flex` 和 `justify-content: space-between` 让左右两个块分别靠左和靠右，并且使用 `align-items: center` 让它们在垂直方向上居中对齐。
- `.data_pages` 和 `.data_page` 使用 `display: flex` 和 `align-items: center` 让它们内部的元素在水平和垂直方向上都居中对齐，并且使用 `font-size: 16px` 让它们的字体稍微大一点。
- `#pagerInfo` 使用 `margin-right: 20px` 让它距离右边的块有一些间距。
- `.pagination` 使用 `display: flex` 让它的子元素排成一行。
- `.pagination li` 使用 `margin: 0 10px` 让它们之间有一些间距。
- `.pagination li a` 使用 `display: inline-block` 让它们可以设置宽度和高度，并且使用 `padding` 和 `border-radius` 让它们看起来有一些圆角和边距。
- `.pagination li a:hover` 使用不同的颜色和背景色来表明它们是可以点击的。
- `#firstBtn` 和 `#lastBtn` 使用不同的颜色和背景色来表明它们是特殊的链接。
- `#firstBtn:hover` 和 `#lastBtn:hover` 使用不同的颜色和背景色来表明它们是可以点击的。