Marcos (Bordes CSS) Sa5m

Hola :)
Bienvenido A Esto que yo llamo..
"Explicando los diferentes tipos de marcos que existen"
(que nombre tan largo..xD)
no deecho no lo llamo así.
jeje, aqui les quisiera explicar mas o menos lo que son los "Bordes CSS"
o lo que ustedes llaman bordes o marcos.
(yo tenian que ponerle marcos a la pag para no revolverlos mas C=)
Bueno aqui vamos ;).

Tipos De Bordes

Como Creo que ya todos supongo savemos existen 8 tipos de "Bordes"
(o al menos se yo que esos existen.) *aunque podemos agregar 9, ya que no se si recuerdan pero si a "dotted" lo ponemos con un volumen menor a 2,paresen cuadritos y no circulitos ;). Porfavor que quede claro que yo lo puse antes que nadie ^^".*
Bueno, Esos 9 "bordes" son;

Esto es Dotted -->

Esto es Dashed -->

Esto es Solid -->

Esto es Double -->

Esto es Groove -->

Esto es Ridge -->

Esto es Inset -->

Esto es Outset-->

El quq les enseñe..x)-->

Bueno ya que savemos cual es cual creo que puedo proseguir.
Estos "Bordes"se pueden usar para diferentes cosas..
como ya todos lo usamos...
-Bordes de fotos o el Flodeo Entero..[Imagen]
-En el Cuadro De Comentarios [Imagen]
-En Los Comentarios [Imagen]
-En el cuadrito para buscar Flodeos (¿saven cual no?)
Yo creo en verdad que lo podriamos usar en textos.
en imagenes con movimiento
¡HASTA! alrededor de un video [lo intentare,y si es posible se lo traigo ;)]
Enfin. Estos Se Pueden cambiar de diferente forma...
para camviarlos seria exactamente donde dice..(en este ejemplo) "solid"
<style type="text/css">img{border: 10px #F21763 solid;}</style>
¿ya lo localizaste?
Bueno ese lo camviariamos..que les parese a..¿dotted?
¿Si?,bueno nos quedaria asi...
<style type="text/css">img{border: 10px #F21763 dotted;}</style>
y así se pueden ir modificando con los 8 estilos de Bordes CSS que existen ;).

Color

Ya que estamos aqui, porque no decirles para que sirve lo demas? :)
Bueno ballamos con lo que es el "color"
yo aquí lo manejo con colores hexadecimales (por Ejemplo: #F6F6F6)
pero tambien se pueden utilizar los colores normales..
(por Ejemplo:blue,green,red) ¡SOLO EN INGLES!
yo le recomiendo los colores hexadecimales,
por que tienen mas variación. pueden encontrar
colores hexadecimales [aquí] y [aquí]
Bueno trabajaremos con colores hexadecimales ¿Ok? :)
Tenemos este codigo
<style type="text/css">img{border: 10px #FFFFFF dashed;}</style>
Por lo pronto aqui solamente modificaremos el color,
*lo que es el "tamaño" y el "estilo" NO.*
Deecho es muy facíl,
Simplemente borramos "#FFFFFF" y ponemos otro..
Emm.."#E558E0", Nos quedaría algo así..
<style type="text/css">img{border: 10px #E558E0 dashed;}</style>
¡O SI! lo importantisimo de esto es que nunca olvides el "#" o si no no servira
Y Sí lo quieres con el nombre del color quedaria así..
<style type="text/css">img{border: 10px black dashed;}</style>
Jajaja, ¿Si o no que esta sencillito?
*Con nombre NO LLEVA EL "#" ¿Ok? :)*
Bueno ya para acabar:

Tamaño

Les Dire como modificar el tamaño..
Tenemos nuestro codigo aqui..
<style type="text/css">img{border: 10px #E75BAA solid;}</style>
Modificaremos esto..
border: "10"px
Nadamas el número ;)
ya pues aqui como quieran..
7,40,75...¡hasta 100!
para que les miento,
en realidad no se hasta que numero puede llegar.
pero no creo que tengan la necesidad de 1,000 se veria feo =S
Jeje, aquí esta uno modificado...
<style type="text/css">img{border: 34px #E75BAA solid;}</style>
¡El "px" Es MUY importante!
porque si no no te servira el codigo ;)

MUCHAS Gracias por Dedicarle su Tiempo A Esto :)
Se Les Que Es Servira Mucho C=
¿Saven que es lo mas maravilloso de esto?
Que en el momento en el que esto se lo sepan de memoria
¡hasta podrian crear CODIGOS USTEDES MISMOS!
Jejeje,Bueno me Despido,Arigato ^^ Sayonaraa.

Atto;Sa5m Uchiha Kaulitz

PD:Gomeen si alguna
que otra cosa de la
pagina se ve mal :S