Tao khung chứa code nhiều màu sắc

<style>
/* Material Color Box SezDrive.Com */
.colorbox{overflow:hidden;position:relative;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:20px;font-size:14px}
.colorbox.blue{background:#03a9f4}
.colorbox.green{background:#4CAF50}
.colorbox.red{background:#F44336}
.colorbox.orange{background:#ff9800}
.colorbox.purple{background:#673ab7} 
</style>

<div class="colorbox purple"> Màu - tím </div>
<div class="colorbox blue"> Màu Xanh Biển </div>
<div class="colorbox green"> Màu Xanh Chuối </div>
<div class="colorbox red"> Màu Đỏ </div>
<div class="colorbox orange"> Màu Da Cam </div>