Exemplo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" >
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<Bloco CSS-->
<style type="text/css">
/*pegando a div noticiaBox*/
#noticiaBox
{
/*Funciona no google Chrome, ie 9*/
border-radius:10px;
/*Funciona no Mozila*/
-moz-border-radius:10px;
border:1px solid #efefef;
background-color:#eeffff;/*Passando uma cor para o box*/
width:400px;/*Definindo a largura em px */
overflow:auto;/*Faz com que o conteudo dentro do box nao sai caso o conteudo seja maior do que altura definida ele aumenta o box mais esconde o scroll faça
p teste acrescentando varios conteudos dentro do box noticia*/
}
/*Pagando o h1 dentro do box noticia*/
#noticiaBox H1
{
color:silver;/*color: com essa propriedade você pode passar a cor para o texto*/
padding-left:20px; /*conteudo abordado em outros artigos*/
}
</style>
</head>
<body>
<div id="noticiaBox">
<h1>MSDN - subscriptions</h1>
<ul>
<li>Conheça os benefícios do assinante</li>
<li>Compare as opções de assinatura</li>
<li>Faça o tour</li>
<li>Adquira uma assinatura agora</li>
</ul>
</div><!--<noticiaBox>-->
</body>
</html>
Nenhum comentário:
Postar um comentário