Caixa de Códigos Personalizada

Oii, tudo bem com vocês Gominhas Eu estou bem. Hoje terá um dica muito legal. Uma caixa de códigos é muito boa, mas e se fosse com rolagem e personalizada?? Seria mais legal, certo E trouxe, essa caixinha para vocês, que eu mesma personalizei.

 Cole o código em HTML 


--------------------------------------------------------------------------------------------

 Fundo com Imagem:

<<div style="background: url('URLDAIMAGEM'); height: 100px; margin: 5px; overflow: auto; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center; width: 300px;">
DIGITE SEU TEXTO AQUI
</div>

------------

 Fundo Colorido:

<div style="background-color: #cfcfcf; height:100px; margin: 5px; overflow: auto; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px; text-align: center; width: 300px;">
DIGITE SEU TEXTO AQUI
</div>

----------------

Tabela de Cores Clique Aqui

Bejus >.<