Podemos poner un borde en css a todos los elementos html
quiero decir que un parrafo, puede tener un borde, una imagen puede tener un borde, una cabecera etc
La propriedad para defenir los bordes es: border
y para defenir los estilos de cada borde es: border-style
Estilos de los bordes
- dotted- Define un borde punteado
- dashed- Define un borde discontinu
- solid- Define un borde sólido
- double- Define un borde doble
- groove- Define un borde ranurado 3D. El efecto depende del valor del color del borde.
- ridge- Define un borde estriado 3D. El efecto depende del valor del color del borde.
- inset- Define un borde de inserción 3D. El efecto depende del valor del color del borde.
- outset- Define un borde inicial 3D. El efecto depende del valor del color del borde.
- none - Defines no border
- hidden- Define un borde oculto
...
La propriedad border-style puede tener 4 valores (derecha, esquierda, top, bajo)
Ejemplo de los estilos d los bordes
Border dotted
Border dashed
Border solid
Border double
Border groove
Border ridge
Border inset
Border outset
Border none
Codigo fuente
<p style="border-style:dotted; ">Border dotted</p> <p style="border-style:dashed; ">Border dashed</p> <p style="border-style:solid; ">Border solid</p> <p style="border-style:double; ">Border double</p> <p style="border-style:groove; ">Border groove</p> <p style="border-style:ridge; ">Border ridge</p> <p style="border-style:inset; ">Border inset</p> <p style="border-style:outset;">Border outset</p> <p style="border-style:none; ">Border none</p> <p style="border-style:hidden; ">Border hidden</p>
0 Comentarios
Si desea contactar comigo, lo puede hacer atravez deste formulario gracias