CSS可以通过样式化按钮元素来创建各种不同的按钮样式。以下是一些常见的CSS按钮样式示例：

1. 默认按钮样式：

```css

.button {

  padding: 10px 20px;

  background-color: #f0f0f0;

  border: none;

  color: #333;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  cursor: pointer;

}

```

2. 悬停效果：

```css

.button:hover {

  background-color: #ccc;

}

```

3. 激活效果：

```css

.button:active {

  background-color: #999;

}

```

4. 禁用效果：

```css

.button:disabled {

  background-color: #e0e0e0;

  cursor: not-allowed;

}

```

5. 边框按钮样式：

```css

.button-border {

  padding: 10px 20px;

  border: 2px solid #333;

  background-color: transparent;

  color: #333;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  cursor: pointer;

}

```

6. 圆角按钮样式：

```css

.button-rounded {

  padding: 10px 20px;

  background-color: #f0f0f0;

  border: none;

  color: #333;

  text-align: center;

  text-decoration: none;

  display: inline-block;

  font-size: 16px;

  cursor: pointer;

  border-radius: 20px;

}

```

这只是一些常见的按钮样式示例，你可以根据需要自定义样式。通过使用CSS属性和伪类，你可以实现各种不同的按钮效果，如渐变背景、阴影、动画效果等。