淘先锋技术网

首页 1 2 3 4 5 6 7

在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元素名称。另外,为了兼容老版浏览器,建议将所有按钮元素设置为