CSS颜色渐变

<div id="footer" style="background:#09C; height:150px; text-align:center; font-size:50px; color:#fff; margin-top:20px;">

<div style="border: 6px solid #000;

padding: 60px 0;

text-align: center; width: 200px;

background: #000000;

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#000000), to(transparent));

background: -webkit-linear-gradient(#000000, transparent);

background: -moz-linear-gradient(#000000, transparent);

background: -ms-linear-gradient(#000000, transparent);

background: -o-linear-gradient(#000000, transparent);

background: linear-gradient(#000000, transparent);

-pie-background: linear-gradient(#000000, transparent);">

</div>

</div>

 

其实只要一行就够了

background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.2));

or

background: linear-gradient(-142deg, #AE2323 0%, #D76DD1 100%);