<button class="button">
普通按钮
</button>
<button class="button--blue">
蓝色按钮
</button>
<button class="button--red">
红色按钮
</button>
<button class="button--large--blue">
蓝色大按钮
</button>
.button, .button--blue, .button--red, .button--large--blue{
font-size: 14px;
}
.button--blue, .button--large--blue{
background-color: #29abe0;
}
.button--red{
background-color: #ff3328;
}
.button--large--blue{
font-size: 18px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.