# CSS怎么去按钮样式

CSS是我们用来设计网页和交互式应用的核心技术之一。在CSS中，我们可以使用各种属性和方法来设计各种样式，包括按钮样式。在本文中，我们将探讨如何使用CSS来设计按钮样式。

## 1. 使用input类型

我们可以使用input类型(如input[type="submit"])来创建按钮样式。在input类型的属性中，我们可以设置按钮的名称、颜色、边框和背景色等。例如，以下是一个简单的HTML表单，其中包含一个按钮：

<form>

<input type="submit" value="点击我">

</form>

在这个例子中，我们使用了input[type="submit"]来创建按钮样式。我们可以使用CSS来修改按钮的颜色、边框和背景色等：

input[type="submit"] {

background-color: #4CAF50;

border: none;

color: white;

padding: 10px 20px;

text-align: center;

cursor: pointer;

在这个例子中，我们使用了background-color属性来设置按钮的背景色，使用了border属性来设置按钮的边框，使用了color属性来设置按钮的文字颜色，使用了padding和text-align属性来设置按钮的文本对齐方式，使用了cursor属性来设置按钮的指针方式。

## 2. 使用background属性

除了使用input类型外，我们还可以使用background属性来创建按钮样式。在background属性中，我们可以设置按钮的HTML元素的background颜色、边框样式和内边距等。例如，以下是一个简单的HTML表单，其中包含一个按钮：

<form>

<input type="submit" value="点击我">

</form>

在这个例子中，我们使用了background属性来设置按钮的HTML元素的background颜色。我们可以使用CSS来修改按钮的颜色、边框和背景色等：

background: #4CAF50;

在这个例子中，我们使用了background属性来设置按钮的HTML元素的background颜色。