OutGoing! Design
Esto es un foro de diseño gráfico con diversos programas , con actividades y mundo por explorar. Te invitamos a pasar el cursos por la imagen del logo y descubre el tablón mágico que hay en el. Animate y registrate
Hermandad
Noragami Roler
Últimos temas
» Búsqueda de Staff -Yes princess-
Sáb Mar 28, 2015 1:42 pm por paula10

» Hola soy Pia
Dom Sep 21, 2014 10:41 pm por Chokorabu

» Academia Ciaeth | Élite - Cambio de Botón
Vie Sep 05, 2014 5:37 pm por Invitado

» Nuevita y con PS a estrenar
Sáb Jul 26, 2014 5:21 pm por Viola

» Regalo de bienvenida , ven y pide!
Jue Jul 24, 2014 11:04 am por ChinaCarnavalera

» Posiblemente de guste esto... Pero posiblemente no(?) ❤Cari Hime❤ Galería~
Lun Jul 21, 2014 10:17 pm por 04Kitsu08

» Tutorial {CSS}: Editando cabecera y menú de un foro.
Miér Jul 16, 2014 4:14 pm por Katya Kutnesova

» Solo los humanos sensuales pueden leer esto(?)
Miér Jul 16, 2014 12:00 pm por ♥Cari Hime♥

» Mi Viene Y Se Presenta
Mar Jul 15, 2014 3:39 am por Invitado

Élite
12/12 Número de cupos
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Nombre dle foro
Skin diseñado por Eniozu © matryoshka
Conectarse

Recuperar mi contraseña


{HTML} Elemento border

Ver el tema anterior Ver el tema siguiente Ir abajo

{ Tutorial } {HTML} Elemento border

Mensaje por Viola el Jue Mar 27, 2014 7:32 pm


  • Nombre del Tutorial:  Elemento border
  • Dificultad: Básica
  • Descripción: Implementa cosas bonitas.



Elemento border
Nivel Básico

Propiedades de Bordes:

border cuatro bordes simultáneamente border-color || border-width || border-style
border-top borde superior border-color || border-width || border-style
border-right borde derecho border-color || border-width || border-style
border-bottom borde inferior border-color || border-width || border-style
border-left borde izquierdo border-color || border-width || border-style
border-color color de los bordes [ color | transparent ] {1, 4}
border-width grosor de los bordes [ medium | thick | thin | distancia ] {1, 4}
border-style estilos de los bordes [ dashed | dotted | double | groove | inset | outset | ridge | solid ] {1, 4}

Estilo de bordes:

Solid:



Código:
<div style="background: #000; width: 100px; height: 30px;border: solid 7px #006600;"></div>





Groove:



Código:
<div style="background: #000; width: 100px; height: 30px;border: groove 7px #006600;"></div>




Double:



Código:
<div style="background: #000; width: 100px; height: 30px;border: double 7px #006600;"></div>





Dashed:



Código:
<div style="background: #000; width: 100px; height: 30px;border: dashed 2px  #006600;"></div>





Inset:



Código:
<div style="background: #000; width: 100px; height: 30px;border: inset 7px #006600;"></div>





Outset:

Código:
<div style="background: #000; width: 100px; height: 30px;border: outset 7px #006600;"></div>





Ridge:

Código:
<div style="background: #000; width: 100px; height: 30px;border: ridge 7px #006600;"></div>
Creado por [Tienes que estar registrado y conectado para ver este vínculo]

_________________
Nombre de personaje
Frase / Links / Etc
avatar
Viola
Admin


Mensajes : 75
OutPuntos : 152
Fecha de inscripción : 30/05/2013
Femenino Photoshop

Ver perfil de usuario http://outgoingdesign.forosactivos.com

Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.