bordes
Hola!pues bien, aqui hablaremos de los bordes ,
que al igual que los demas codigos,
tinen muxhisimas convinaciones y efectos distintos,
pues, trataremos de explicar, brevemente,
como aplicarlos en el flo..
^^
primero, los bordes, tienen 3 atributos, que son muy importantes:
-Color ( SACALOS DE AQUI )
-Ancho (width)( se mide en px -pixeles-)
-Estilo ( solid, dotted, double, dashed, groove, ridge, inset, outset)
para ponerlos en el flo, el codigo tiene una estructura simple
<style type="text/css">img{border: 10px #F21763 solid;}</style>
donde dice img es donde vamosa poner el "lugar" al que keremos ponerle el borde, por ejemplo, si kiero ponerle el borde a todo el flodeo, dividers, textarea e imagen se escribiria asi:
<style type="text/css"> body, img, #container textarea, #cmts hr {border: 10px #F21763 solid;}</style>
AQUI EJEMPLOS DE LOS DISTINTOS ESTILOS,
CADA UNO ADJUNTA EL CODIGO DE ESTILO
QUE SE UTILIZO PARA ESE EFECTO
borde sólido
{ border: 5px solid #aaaaaa; } bordes distintos
{ border-top: 1px solid #ff9999; border-right: 2px dotted #99ff99; border-bottom: 2px dashed #9999ff; border-left: 3px double #666666; } borde con línea de puntos...
{ border: 5px dotted #ff8833; } borde doble
{ border: 3px double #990000; } borde "dashed"
{ border: 5px dashed #660000; } borde tipo "groove", que crea una especie de relieve.
{ border: 5px groove #006600; } borde ridge
{ border: 10px ridge #6666cc; } borde inset
{ border: 10px inset #0000ff; } borde inset + color de fondo
{ border: 10px inset #0000ff; background-color: #0000ff; } borde outset
{ border: 10px outset #cccccc; } borde outset + color de fondo
{ border: 10px outset #cccccc; background-color: #cccccc; } |
|---|
