Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Cornelius

Problemas com ID e class

Por , em Desenvolvimento frontend

Recommended Posts

Cornelius    0

Cornelius
Postado

Esse link que você passou não é do site que você tá fazendo, é?

mals oia soh

 

CSS:

 

#menu div {

width:120px;

padding: 5px;

font: 16px #ffffff arial, tahoma;

background-color: blue;

}

 

#menu h3 {

font: 14px bold arial, tahoma;

color: lightskyblue;

text-align: center;

width:120px;

padding: 5px;

margin-bottom: 0px;

}

 

#menu ul {

width: 110px;

padding: 0px;

margin: 0px;

border: 1px solid #00B8F5;

}

 

#menu li {

background: white;

list-style: none;

padding: 1px 6px;

border-top: 1px solid #00B8F5;

font: 12px verdana, tahoma, arial;

text-decoration: none;

text-align: left;

}

 

#menu li a:link, #menu li a:visited, #menu li a:hover {

display: block;

color: lightblue;

text-decoration: none;

}

 

#menu li a:hover {

color: black;

background-color: orange;

}

 

 

HTML:

 

 

<html>

<head>

 

<link rel="stylesheet" type="text/css" href="menu.01.css">

 

<title></title></head>

 

<body>

 

<div id="menu">

<h3>MENU</h3>

 

<ul>

<li><a href="oi.html">» Linha 1</a></li>

<li><a href="oi.html">» Linha 2</a></li>

<li><a href="oi.html">» Linha 3</a></li>

<li><a href="oi.html">» Linha 4</a></li>

<li><a href="oi.html">» Linha 5</a></li>

<li><a href="oi.html">» Linha 6</a></li>

<li><a href="oi.html">» Linha 7</a></li>

</ul>

</div>

 

</body>

</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Cornelius    0

Cornelius
Postado

Eu estava estudando sobre menus ai tirei esse exemplo de um livro de css. Só que eu não consegui colorir o div. Se alguem puder me ajudar, eu agradeceria...

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito