常用颜色

 1  /*默认背景颜色*/
 2 .f-bgc-primary{background-color: #337ab7;} 
 3 .f-bgc-success{background-color: #5cb85c;}
 4 .f-bgc-info{background-color: #5bc0de;}
 5 .f-bgc-warning{background-color: #f0ad4e;}
 6 .f-bgc-danger{background-color: #d9534f;}
 7 .f-bgc-white{background-color: #fff;}
 8 .f-bgc-gray{background-color: #f1f1f1;}
 9 
10 /* 常用字体颜色 */
11 .f-c-f{color: #fff;}
12 .f-c-4{color: #444;}
13 .f-c-9{color: #999;}
14 
15 /* 常用边线颜色 */
16 .f-bdc-d{border-color: #ddd;}
17 .f-bdc-e{border-color: #eee;}

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