按钮背景图 css |html5 css3网页布局和样式精粹

“`html

<button type=”button” class=”btn btn-primary”>点击偶</button>

在这个示例中，大家使用了 `btn-primary` 类来设置按钮的颜色和样式。这个类包含了许多其他有用的属性，如 color、text-align、padding、margin 等，可以根据需要进行调整。

下面是一个更新的示例代码，使用 CSS 动画来添加按钮背景图的效果：

“`html

<button type=”button” class=”btn btn-primary”>点击偶</button>

.btn {

background-size: cover;

background-position: center;

background-repeat: no-repeat;

display: inline-block;

font-size: 16px;

padding: 10px 20px;

margin: 20px 0;

text-align: center;

border: none;

border-radius: 5px;

通过使用 CSS 设置按钮的背景图，大家可以为按钮添加多种效果和样式，使按钮更加美观和有用。在实际应用中，大家可以根据不同的需求和情况，灵活地使用 CSS 来设置按钮的背景图和其他样式。