كلاسات رائعة css html style.css

	  <link href="style.css" rel="stylesheet">
<div id="bg">كتابة ماذا تريد في منطقة ملونة بالوان متعددة</div>

	   * {
    margin: 0 auto;
    padding: 0;
}

#bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background: -webkit-linear-gradient(+55deg, #CCCCFF 30%, #a2d49f 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #330000 60%, #ec2045 70%, #ffeeb0 70% );
    background: -moz-linear-gradient(-55deg, #000099 30%,#333399 30%, #006699 40%, #0000FF 40%, #3399FF 50%,#33CCFF 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70% );
    background: linear-gradient(+55deg, #ffeeb0 30%,#FF6633 30%, #a2d49f 40%, #c7c12f 40%, #c7c12f 50%, #f26247 50%, #f26247 60%, #ec2045 60%, #ec2045 70%, #ffeeb0 70% );
}