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!

• Tweet This!
• Share this on Facebook
• Share this on del.icio.us
• Digg this!
• Add this to Google Bookmarks
• Share this on Linkedin
• Post this to MySpace
• Share this on Technorati
• Share this on FriendFeed