Saltar al contenido

ejemplo de código de relleno de estilo html

Revisamos cada secciones de nuestra web con el objetivo de mostrarte siempre la información veraz y actual.

Ejemplo 1: relleno para texto en html

div 
  /*Padding for text from the top*/
  padding-top: 50px;
  /*Padding for text from the right*/
  padding-right: 30px;
  /*Padding for text from the bottom*/
  padding-bottom: 50px;
  /*Padding for text from the left*/
  padding-left: 80px;
  /*If you want to add same amout of padding to all sides use padding*/
  padding: 100px;

Ejemplo 2: relleno css

padding: 5px 10px 15px 20px; //top right bottom left

padding: 10px 20px;//top & bottom then left & right

padding-top: 5px; //just top padding
padding-right: 10px; //just right padding
padding-bottom: 15px; //just bottom padding
padding-left: 20px; //just left padding

Ejemplo 3: relleno superior css

padding-top: 25px;

Ejemplo 4: css de relleno

padding:10px 5px 15px 20px;
means
top padding is 10px
right padding is 5px
bottom padding is 15px
left padding is 20px

Ejemplo 5: relleno css attribute pedido

padding: top, right, bottom, and left

Ejemplo 6: relleno html

<h2style="padding-top:20px;padding-right:20px;padding-bottom:20px;padding-left:20px">Londonh2>

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *