Cómo editar el borde en lados individuales

GemPages te permite personalizar el grosor del borde en cada lado de un elemento o sección de forma independiente: superior, derecha, inferior e izquierda. En lugar de limitarse a un único borde uniforme, puede combinar grosores para crear diseños modernos y acordes a la marca sin necesidad de escribir una sola línea de código.

Esta guía le explica cómo funciona la función, cuándo usarla y cómo aplicarla exactamente a cualquier elemento del editor de GemPages.

Cuándo utilizar bordes individuales en cada lado

Por defecto, cuando agregar un borde A un elemento en GemPages, se le aplica el mismo grosor a los cuatro lados. borde del lado individual Esta opción desbloquea cada lado para que puedas configurarlos por separado.

Por ejemplo, usted puede:

• Aplica un borde de 4 píxeles solo en la parte inferior para obtener un efecto de subrayado.
• Agregue un borde grueso de 6px justo a la izquierda para crear un estilo de llamada.
• Combina diferentes valores en cada lado para un diseño de tarjeta personalizado.

Es un pequeño interruptor en el panel de configuración, pero abre un amplio abanico de posibilidades de diseño.

Aquí tienes algunos casos de uso comunes donde editar los bordes por lado marca una verdadera diferencia:

• Encabezados con estilo subrayadoUn borde inferior delgado crea un separador de título de sección limpio.
• Llamadas resaltadas y bloques de citasUn borde izquierdo grueso llama la atención sobre el contenido importante.
• Contenedores tipo pestañaLos bordes superior, izquierdo y derecho (sin borde inferior) forman una especie de pestaña.
• Tarjetas de producto o características asimétricasCombina bordes finos y gruesos para lograr diseños modernos y llamativos.

Cómo editar el borde en lados individuales en GemPages

Paso 1: Seleccione el elemento o sección que desea personalizar.

• Abra su página en el Editor de GemPages.
• Haz clic directamente en el elemento o sección que deseas editar.

Tip: Si su página tiene muchos elementos anidados, utilice el Árbol de Capas En la barra lateral izquierda, seleccione el bloque exacto que desee; es más rápido y preciso que hacer clic en el lienzo.

Paso 2: Abra la configuración de bordes.

• En el panel de configuración de la derecha, desplácese hasta el Forma .
• Localice la opción Borde grupo.
• Encuentre el elemento Espesor .
• Haga clic en el icono junto al campo Grosor.

Paso 3: Configure el grosor personalizado para cada lado.

Ahora verá cuatro campos de entrada que representan cada lado de la frontera:

• Superior: grosor del borde superior
• Derecha: Botón grosor del borde derecho
• Inferior: grosor del borde inferior
• A la izquierda: grosor del borde izquierdo

Para cada lado:

• Haz clic en el campo de entrada.
• Introduzca el valor en píxeles..