<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.bordetodo{
border: 2px double #CC0000}
.bordeporlados{
border-top: 1px solid #ff9999;
border-right: 2px dotted #99ff99;
border-bottom: 2px dashed #9999ff;
border-left: 4px double #666666;
}
.bordeuno{
border-bottom-style: solid;border-botton-width: 2px;border-bottom-color: #393;
border-top-style: dashed;border-top-width: 2px; border-top-color: #999;
}
</style>
</head>
<body>
<p class="bordetodo">borde genérico igual para todos se pone sin las propiedades el primer valor es el grosor del borde con espacios el segundo el tipo y el tercero el color</p>
<p class="bordeporlados"> Se pueden poner tambien border con la propiedad border-top, border-right, border-lef y ,border-bottom,de esta forma</p>
<p class="bordeuno">Sirve para poner distintas propiedades a los distintos lados del borde</p>
</body>
</html>
|
|
htlm 5