12 de abr de 2010

Barra de rolagem em tag DIV

Olá Pessoal!

Estamos aqui mais uma vez para mostrar como colocar barra de rolagem em DIV(como utilizamos aqui no blog com os blocos de textos).

Primeiramente o que deve ser feito é criar o HTML necessário com uma DIV e um texto curto

<div id="rolagem">
<p>Web como um Todo! te <b>ensina</b> a colocar barra de <strong>rolagem ! em tag DIV</strong> uau que demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto demais esse texto </p>
</div>

Legal! Agora vamos ver a parte do CSS.(Lembre-se separar conteúdo de layout sempre)

#rolagem {
height:150px;
width:250px;
background-color:#999999;
overflow:auto;
}


Pronto aqui está o resultado final!

0 comentários: