Pues que raro que no te lo muestra en el navegador, porque a mí si me funciona bien...
Ahora, puede que el problema sea que no estas aplicando las clases como se debe. Veamos.....
Lo que tienes que hacer es lo siguiente:
Código:
<html>
<head>
<title>capas con css</title>
<style type="text/css">
<!--
.capa {
background-color: #ffffff;
border-style: solid;
border-width: 2px;
border-color: #000000;
}-->
</style>
</head>
<body>
<div class="capa" align="?">Aquí, el contenido de dicha capa</div>
</body>
</html>
Como podrás notar en la capa ya no estoy agregandole el punto a la clase que estoy llamando, (lo que está en verde) Ahora bien... puedes crear cuantas clases o estilos quieras para darle diferentes formatos a cada capa de tu página, ejemplo:
Te quedaría algo así:
Código:
.capa2 {
background-color: #c0c0c0;
border-style: solid;
border-width: 2px;
border-color: red;
}
.capa3 {
background-color: #c9c9c9;
border-style: solid;
border-width: 2px;
border-color: #eeeeee;
}
.capa4 {
background-color: #c3d4e5;
border-style: solid;
border-width: 2px;
border-color: #000099;
} Luego a cada capa que vayas creado le aplicas la clase que quieras de la siguente manera.
Ejemplo:
Código:
<div class="capa2" align="?">aqui el contenido</div>
<div class="capa3" align="?">aqui contenido</div>
<div class="capa4" align="?">contenido</div>
Si te fijas ya no es necesario ponerle el punto (.) al div cuando aplicas la clase, basta con que le indiques qué estilo quieres que adopte la capa...
Espero te haya servido de algo la explicación,
Slds...