在CSS中,按钮通常使用
.btn { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; }
以上是一个通用的样式类“btn”,其中包含了按钮的背景、边框、文字、内边距、对齐方式、字体大小等。当我们需要使用这个样式类样式的按钮时,只需在
<button class="btn">提交</button>
如果我们需要为特定按钮添加额外的样式,只需在样式类中添加相应的样式即可:
.btn-primary { background-color: #2196F3; color: white; border-radius: 5px; }
在以上类中,我们给按钮添加了一个底部的圆角边框,并将背景颜色设置为蓝色。同样的,我们在
<button class="btn btn-primary">提交</button>
CSS中的按钮样式类有很多,我们可以根据需要选择使用。注意,为了避免样式冲突,不建议将样式类名称设置为CSS关键字或HTML元素名称。另外,为了兼容老版浏览器,建议将所有按钮元素设置为