常用颜色

 /*默认背景颜色*/
.f-bgc-primary{background-color: #337ab7;} 
.f-bgc-success{background-color: #5cb85c;}
.f-bgc-info{background-color: #5bc0de;}
.f-bgc-warning{background-color: #f0ad4e;}
.f-bgc-danger{background-color: #d9534f;}
.f-bgc-white{background-color: #fff;}
.f-bgc-gray{background-color: #f1f1f1;}

/* 常用字体颜色 */
.f-c-f{color: #fff;}
.f-c-4{color: #444;}
.f-c-9{color: #999;}

/* 常用边线颜色 */
.f-bdc-d{border-color: #ddd;}
.f-bdc-e{border-color: #eee;}

　　

<style>
  .box{margin: 10px;padding: 30px;text-align: center;}
  .box2{border-style: solid;border-width: 1px;padding: 10px;}
</style>
<div class="box f-bgc-primary f-c-f">1</div>
<div class="box f-bgc-success f-c-f">2</div>
<div class="box f-bgc-info f-c-f">3</div>
<div class="box f-bgc-warning f-c-f">4</div>
<div class="box f-bgc-danger f-c-f">5</div>
<div class="f-bdc-d box2 f-bgc-gray f-c-4">
  哈哈
</div>