Problema con border

thefranex3 · #1 (**permalink**) 28/07/2011, 13:10

Este es el html antes de poner un border:

Código HTML:

Ver original<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link rel="stylesheet" href="data/estilo.css" type="text/css"> 
</head>
 
<body>
<div id="Cabecera">
</div>
</body>
</html>

y el css

Código CSS:

Ver original@charset "utf-8";
/* CSS Document */
 
#Cabecera {
    position:absolute;
    background-color:#4c89c8;
    background-image:url(fondo.png);
    background-repeat:repeat;
    width:1280px;
    height:200px;
    top:0px;
    left:0px;
    right:0px;
}

Para introducir los bordes solo uso css, de manera que me queda así:

Código CSS:

Ver original@charset "utf-8";
/* CSS Document */
 
#Cabecera {
    position:absolute;
    background-color:#4c89c8;
    background-image:url(fondo.png);
    background-repeat:repeat;
    width:1280px;
    border-top:5px;
    border-color:#999;
    height:200px;
    top:5px;
    left:0px;
    right:0px;
}

Y me sale lo que debería de ser el borde en blanco... ¿Por que?

ArturoGallegos · #2 (**permalink**) 28/07/2011, 13:20

te falta border-top-style

Código CSS:

Ver original#Cabecera {
    position:absolute;
    background-color:#4c89c8;
    background-image:url(fondo.png);
    background-repeat:repeat;
    width:1280px;
    border-top:5px;
    border-top-color:#999;
    border-top-style: solid;
    height:200px;
    top:5px;
    left:0px;
    right:0px;
}

o bien utiliza la version abreviada

Código CSS:

Ver original#Cabecera {
    position:absolute;
    background-color:#4c89c8;
    background-image:url(fondo.png);
    background-repeat:repeat;
    width:1280px;
    border-top:5px #999 solid;
    height:200px;
    top:5px;
    left:0px;
    right:0px;
}