在网页设计中，按钮是重要的元素之一，它能够吸引用户的注意力并引导他们进行交互。一个好看的按钮样式能够提升用户体验，并增加网页的美感。

在 CSS 中，我们可以通过设置样式来创建各种不同风格的按钮。下面是一些好看的 CSS 按钮样式实例代码，供大家参考和使用：

1. 扁平按钮样式：

csscode
.flat-button {
  background-color: #3498db;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.flat-button:hover {
  background-color: #2980b9;
}

这是一种简洁扁平的按钮样式，背景颜色为蓝色，鼠标悬停时颜色会有细微变化。

2. 3D按钮样式：

csscode
.three-d-button {
  background-color: #e74c3c;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.three-d-button:hover {
  transform: translateY(-3px);
}

这种按钮样式给人一种立体感，鼠标悬停时按钮会稍微向上移动。

3. 渐变按钮样式：

csscode
.gradient-button {
  background: linear-gradient(to right, #ff416c, #ff4b2b);
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}
.gradient-button:hover {
  background: linear-gradient(to right, #ff4b2b, #ff416c);
}

这个按钮样式使用了渐变背景色，鼠标悬停时背景色会有渐变效果。

4. 边框按钮样式：

csscode
.outline-button {
  background-color: transparent;
  color: #3498db;
  padding: 10px 20px;
  border: 2px solid #3498db;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.outline-button:hover {
  background-color: #3498db;
  color: #fff;
}

这个按钮样式没有填充背景色，只有边框和文本，鼠标悬停时背景色会填充。

5. 图标按钮样式：

csscode
.icon-button {
  background-color: transparent;
  color: #3498db;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.icon-button:hover {
  background-color: #3498db;
  color: #fff;
}
.icon-button i {
  margin-right: 5px;
}

这个按钮样式带有一个图标，可以通过添加 Font Awesome 等图标库来实现，鼠标悬停时背景色会填充。

以上是一些好看的 CSS 按钮样式实例代码，你可以根据自己的需求选择合适的样式并应用到自己的网页中。记得根据实际情况进行适当的修改，使按钮样式与整体设计风格相协调。祝你在网页设计中取得好的效果！