Como fazer Gradiente com CSS

Olá, prezados!

Hoje, vou mostrar como mostrar como preencher um objeto com gradiente usando somente CSS.

Veja:

.objeto{

/* Para Mozilla/Gecko (Firefox etc) */
background: -moz-linear-gradient(top, #666, #fff) repeat-X;

/* Para WebKit (Safari, Google Chrome etc) */
background: -webkit-gradient(linear, left top, left bottom, 

from(#666), to(#fff)) repeat-X;

/* Para IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(

               startColorstr=#666, endColorstr=#FFFFFFFF)";

/* Para IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#666,

                 endColorstr=#FFFFFFFF);

} 

Pronto!

Abçs, Deus abençoe!