CSS
Básico
CSS HomeCSS Introducción
CSS Sintaxis
CSS Su uso
CSS Fondo
CSS Texto
CSS Fuente
CSS Bordes
CSS Contorno
CSS Margen
CSS Padding
CSS Lista
CSS Tablas
Avanzado
CSS DimensionesCSS Efectos Visuales
CSS Ubicación
CSS Contenido/Numerac.
CSS Pseudo Class
CSS Pseudo Element
CSS Tipos de Medios
Ejemplos y Examen
CSS EjemplosCSS Examen
Guías de referencia
CSS Guía de ReferenciaCSS Colores
CSS Código de Colores
Bordes CSS
Dale color, estilo y espesor a los bordes de las tablas.
Bordes con CSS
Los bordes nos sirven para decorar algunos elementos con líneas de diferentes espesores, colores y formas.
Un ejemplo de bordes, podría ser esta tabla a la cual le aplicamos diferentes propiedades para hacerla más atractiva
<html>
<head>
<style type="text/css">
table{border:blue double}
td{border:green dotted thin}
</style>
</head>
<body>
<table>
<tr>
<td>Esta tabla</td>
<td>tiene los bordes</td>
</tr>
<tr>
<td>decorados con</td>
<td>diferentes propiedades</td>
</tr>
</table>
</body>
</html>
| Esta tabla | tiene los bordes |
| decorados con | diferentes propiedades |
Tabla de las propiedades de los bordes
| Propiedad | Descripción | Valores | Detalles | Ej. |
|---|---|---|---|---|
| border | Define ancho, color y estilo general para los 4 bordes. border-top: define ancho, color y estilo para el borde superior border-right: define ancho, color y estilo para el borde derecho border-bottom: define ancho, color y estilo para el borde inferior border-left: define ancho, color y estilo para el borde izquierdo |
thin | Fino |  |
| medium | Mediano | |
||
| thick | Grueso | |
||
| longitud | Longitud | |
||
| color | Color | |
||
| transparent | Transparente | |
||
| none | Nada | |
||
| hidden | Oculto | |
||
| dotted | Punteado | |
||
| dashed | Línea de rayas | |
||
| solid | Solido | |
||
| double | Doble | |
||
| groove | Acanalado | |
||
| ridge | En relieve | |
||
| inset | Recuadro | |
||
| outset | Resalte | |
||
| border-width | Ancho general de los 4 bordes. border-top-width: ancho del borde superior. border-right-width: ancho del borde derecho. border-bottom-width: ancho del borde inferior. border-left-width: ancho del borde izquierdo. |
thin | Fino | |
| medium | Mediano | |
||
| thick | Grueso | |
||
| longitud | Longitud | |
||
| border-color | Color general de los 4 bordes. border-top-color:color del borde superior border-right-color:color del borde derecho border-bottom-color:color del borde inferior border-left-color:color del borde izquierdo |
color | Color | |
| transparent | Transparente | |
||
| border-style | Estilo general de los 4 bordes. border-top-style:estilo del borde superior border-right-style:estilo del borde derecho border-bottom-style:estilo del borde inferior border-left-style:estilo del borde izquierdo |
none | Nada | |
| hidden | Oculto | |
||
| dotted | Punteado | |
||
| dashed | Línea de rayas | |
||
| solid | Solido | |
||
| double | Doble | |
||
| groove | Acanalado | |
||
| ridge | En relieve | |
||
| inset | Recuadro | |
||
| outset | Resalte | |
¿No encuentras lo que buscas?
<<< Fonts - Font en CSS Contornos - Outline en CSS >>>
Los mejores 10 hostings
Buscando cual es el mejor hosting que existe en el mercado, me he topado con una gran cantidad de sitios que presentan un ranking de los 10 mejores hosting del mundo. Como cada uno tiene en su lista, diferentes empresas de alojamiento web, en un orden de ranking muy distinto, he decidido investigar cual era la mejor. continúe leyendo...
Virtualnauta provee del material para uso exclusivo de aprendizaje.
No garantizamos que el contenido sea correcto.
El riezgo por el uso del mismo queda bajo la entera responsabilidad del usuario.
Mientras use este sitio, usted acuerda haber leido y aceptado nuestros términos de uso y privacidad.
Copyright 2007 - 2011 by Martín Solomiak. Todos los derechos reservados.
Mapa del sitio
