css 设置上一页下一页

CSS 是一种非常强大的样式表语言，可以用于设置网页内容的各种样式。其中一个常见的样式设置就是上一页下一页的按钮样式。

/* 上一页按钮样式 */
.prevIoUs-page {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* 下一页按钮样式 */
.next-page {
  display: inline-block;
  padding: 5px 10px;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 3px;
}

/* 鼠标悬停样式 */
.prevIoUs-page:hover,.next-page:hover {
  background-color: #ddd;
  color: #000;
}

/* 禁用状态样式 */
.prevIoUs-page.disabled,.next-page.disabled {
  background-color: #f5f5f5;
  color: #ccc;
  border: 1px solid #ccc;
  cursor: not-allowed;
}

通过设置 CSS 样式，我们可以轻松地让网页的上一页下一页按钮看起来更加美观和易于使用。此外，我们还可以根据需要添加其他样式，如字体大小和位置等，以使按钮与网页的整体风格更加协调和一致。