css 添加button |css 图片编辑软件

/* 创建一个class样式，用于定义按钮样式 */
.button {
display: inline-block;
padding: 0.5em 1em;
border: none;
background-color: #4CAF50;
color: white;
text-align: center;
font-size: 16px;
cursor: pointer;
}
/* 当鼠标悬停在按钮上时，改变按钮背景色 */
.button:hover {
background-color: #3e8e41;
}

上面的代码创建了一个名为“button”的class样式，它定义了按钮的样式属性，例如padding（内边距）、border（边框）、background-color（背景颜色）等。其中，cursor属性定义了鼠标移动到按钮上后显示的光标类型。

在HTML代码中，大家可以像下面这样使用刚刚定义好的class样式：

<button class="button">Click Me!</button>

这样，一个简单的按钮就完成了。当鼠标悬停在按钮上时，背景颜色会自动改变为绿色。

当然，大家也可以根据需要对按钮的样式进行自定义，例如改变按钮的形状和大小、设置不同的背景和字体颜色等。如果你想学习更多关于CSS样式的知识，可以查找相关的教程进行学习。