[分享]css3按钮换页

CSS3是现代网页设计必不可少的一部分，他包含了许多新的效果和动画，其中之一就是CSS3按钮换页。

/*
 * 按钮样式
 */
.button {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #ffffff;
  background-color: #009999;
  padding: 12px 24px;
  border-radius: 8px;
}

/*
 * 鼠标悬浮样式
 */
.button:hover {
  background-color: #00cccc;
}

/*
 * 按钮选中样式
 */
.button:active {
  background-color: #006666;
}

/*
 * 按钮禁用样式
 */
.button.disabled {
  color: #cccccc;
  background-color: #eeeeee;
  cursor: not-allowed;
} 

以上是CSS3按钮的样式代码，可以根据自己的需要进行调整，根据需要进行更改。

在网页设计中，按钮换页功能常用于分页、滚动加载等。使用CSS3按钮换页效果可以让网页更加美观、炫酷。常常应用在一些需要大量翻页的文章、图库，让用户更容易直观的看到其所需要的信息。

总的来说，CSS3具有丰富的功能和效果，并且易于实现和修改，可以让我们更好的为用户提供更加美观、易用的界面。