Páginas

quinta-feira, 13 de setembro de 2012

CSS - DIV com cantos arredondados com Sombreamento de Fundo e cor em Degradê

Segue um exemplo de como fazer uma DIV com cantos arredondados, sombreamento de fundo com cor em degradê

Entre as tags <header>  </header> coloque código do CSS.


<style type="text/css">
.box {
/*Degrade*/
   background: -moz-linear-gradient(#CC0000, #990000) no-repeat scroll 0 0 transparent;
/*cantos arredondados*/
   border-radius: 5px 5px 5px 5px;
/*Sobreamente*/
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);

width:15%;
margin:0 0 0 0px;
}
</style>

Entre as tags <body>  </body> coloque a DIV.

<div class="box" style="height:300px; margin-top:50px; margin-left:50px;" >CSS - DIV com cantos arredondados e Sombreamento de Fundo e cor em Degradê</div>

Nenhum comentário:

Postar um comentário