Bienvenidos a RadioVijaer!!

RadioVijaer BarNav ▼

Sintoniza aquí podcast RadioVijaer

Hits de hoy: 59

Visitas de este día: 20


poofees

12-04-2018, 07:03: Extra Privacidad y Prot Datos


09-04-2018, 08:34: Todas las paginas se cambiaran a HTTPS el 7 de mayo del 2018


06-04-2018, 06:46: Form de contacto: E-Mail obligatorio


05-04-2018, 05:40: Aviso sobre las cookies en vuestros sitios

'20
  • Nueva fotografía agregada (+5)
  • Cuadro de notificaciones
  • Calendario y fechas especiales
Barra Interactiva:
PlayStop Bajar Subir

Home Poofers VipWebs Scary Recursos

Radio Vijaer

Tutorial HTML CSS

Tutorial HTML y CSS



1. Tutorial : Diferenciar Margins , Paddings , Borders.


BORDER

Si en una capa solo definimos su contenido en html esta únicamente mostrará eso. Pues bien, la propiedad border dibuja un borde-límite alrededor de ese contenido. El borde estará situado en el contorno. Por defecto, si no se indica otra cosa, es una línea continua de 1 pixel de grosor y de color negro.

Border = Borde de la imagen sin quitarle ningún pixel de tamaño ni agrandarle.


¿Cómo se escribe el borde en código?


border: 3px 3px 3px 5px;

3px = Margen de Arriba
3px = Margen de la Derecha
3px = Margen de Abajo
5px = Margen de la Izquierda

PD: Los códigos van en sentido del reloj siendo el primero:  arriba - derecha - abajo - izquierda




PADDING

El padding lo usaremos para definir la distancia de la separación entre el borde y el contenido dejando el espacio hecho sin acceso a poner nada en él.


Por ejemplo, 20px de padding a una imagen .... son el espacio del contenido y el borde.


¿Cómo se escribe el padding en código?


padding: 10px 15px 10px 15px;


10px = Margen de Arriba
15px = Margen de la Derecha
10px = Margen de Abajo
15px = Margen de la Izquierda





MARGIN

Ahora tenemos otra distancia más. El margin es la distancia de separación que se va a dejar entre el borde y la parte exterior del elemento de la capa. En este caso no se ve, pues es una zona exterior al dibujo en la que no se permite que aparezca nada. Por eso se usa para separar unos párrafos de otros.


¿Cómo se escribe el margin en código?

margin: 6px 8px 6px 8px;

6px = Margen de Arriba
8px = Margen de la Derecha
6px = Margen de Abajo
8px = Margen de la Izquierda

Como dato complementario, la implementación de los código como puedes ver están resumidos, de esta forma hace más rápida la interpretación del mismo en los navegadores. Además, puedes trabajar en porcentaje las distancias.


border padding y margin en css y html


¿Deseas más tutoriales?Anterior/SiguienteVisita la sección de Recursos en el menú
Tutorial HTML CSS
footer

Ventana Informativa

Actualizando contenido...

Paz

Publicitus Noticia destacada del Servicio!

Música de Miss A: 14 febrero 2019.
Covers de Animé: 10 febrero 2019.
Programación Radiovijaer
Actualizando la web...
↓ Info:

footer

Bocetos de: M3SG. Goku SSJDiosAzul. Goku SSJDios.

¿Quiénes son los bocetos?

Descubre la respuesta aquí.

PublicitusFecha y hora de creación: 15-12-2010, 13:03pm. Entre las tantas utilidades que se les puede dar a los webme-toons, las mas notables que lograremos serán...1.- Diversión para pasar el momento...2.- Interacción entre usuarios que no se llevan...3.- Conseguir mas visitas en el foro...4.- Cambiar a este tipo de estereotipo de paginas planas y convertir al menos al foro en un poco de 3D que no en muchas paginas existe esto ... 5.- Algunos la usaran como "mascota" de sus sitios web....6.- Ayudar a los usuarios en tutoriales.

Poofers Webme Toons 2019

Publicitus
Publicitus
Publicitus

↓ Cartoons

Tu país

us

IP Equipo:

34.204.171.108

Buscador Web:

Código País:

Country-Code: us

Tiempo Real - Frase del Mes...

Redes Sociales

footer => ¿Desea una página web gratis? Pues, haz clic aquí! <=