Alguém me ajuda a tirar essa bordinha escrota kkkjj... Eu sei que é no CSS, e quem rir do meu CSS vai levar um tapa, ta tudo ai...
- Código:
body{
background-color: #FFFFFF;
font-family: sans-serif;
}
#menu ul {
padding:0px;
margin-top:0px;
background-color:#10579E;
list-style:none;
width: 100%;
height: 40px;
color: #FFFFFF;
}
#menu ul li { display: inline; color: #FFFFFF; }
#menu ul li a {
padding: 10px 20px;
display: inline-block;
/* visual do link */
text-decoration: none;
color: #FFFFFF;
}
#menu ul li a:hover {
background-color:#10579E;
color: #FFFFFF;
border-bottom:5px solid #A71616;
}
- Código:
<html>
<head>
<title>Genious Art</title>
<meta name="description" content="Um grupo de designers querendo crescer no ramo">
<meta name="keywords" content="Design">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<link rel="stylesheet" type="text/css" href="css/genious.css">
</head>
<body>
<nav id="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Produtos</a></li>
<li><a href="#">Missão</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Contato</a></li>
</ul>
</nav>
</body>
</html>
Última edição por Alphanumerical em Dom Nov 01, 2015 8:20 pm, editado 1 vez(es)