Uso de las Opciones de Borde en Divi
Las opciones de borde de Divi permiten añadir y estilizar fácilmente bordes en cualquier elemento de la página.
Con las Opciones de Borde de Divi, es posible crear diseños verdaderamente únicos para tu sitio web. ¡Puedes aplicar bordes personalizados a los elementos de Divi, incluyendo secciones, filas y módulos!
Hay varios estilos de borde disponibles e incluso la opción de redondear las esquinas del borde.
Ejemplos de Estilo de Borde
A continuación, algunos ejemplos de lo que es posible con el estilo de bordes.
Ejemplo 1:
Ejemplo 2:
Ejemplo 3:
Los bordes superiores son grises con una esquina redondeada, y el borde inferior es amarillo con esquinas redondeadas.
Es una forma única de diferenciar elementos y al mismo tiempo destacarlos.
Cómo acceder a los estilos de borde
Abre la ventana emergente de configuraciones del elemento haciendo clic en el ícono de engranaje.
-
Ve a la pestaña Diseño → Borde.
Todas las Opciones y Configuraciones de Borde de Divi Explicadas
Esquinas redondeadas
-
De forma colectiva: haciendo clic en el ícono de eslabón para enlazar las esquinas.
-
De forma individual: haciendo clic en el ícono de eslabón para desenlazar las esquinas.
Estilos de borde
Añade un borde a todos los lados o a lados individuales. Cambia de pestaña para elegir qué lado(s) deseas que tenga(n) borde.
Ancho del borde
Color del borde
También puedes elegir entre:
-
Colores guardados
-
Colores globales
-
Colores recientes, haciendo clic en esos enlaces debajo de la paleta de colores.
Para conocer todo sobre el Sistema de Gestión de Colores de Divi, haz clic aquí.
Estilo de borde
Puedes incluso ser creativo aplicando estilos únicos de borde de forma individual a cada borde para crear diseños realmente impactantes.
Puedes añadir bordes a un solo lado, a dos lados, tres lados o a los cuatro, y ajustar el estilo de cada borde por separado.
Consejos y Mejores Prácticas para Usar las Opciones de Borde de Divi
Sé creativo
Este ejemplo muestra cómo puedes crear secciones principales impresionantes con las Opciones de Borde. Aprende cómo crear este diseño aquí.
Crea un efecto de borde para imágenes como el del ejemplo anterior. Aprende cómo lograrlo aquí.
O también puedes crear superposiciones de borde animadas para resaltar contenido en tu sitio web. Aprende cómo hacerlo aquí.
Continúa aprendiendo
-
Ver ejemplos de estilos de borde
-
Cómo usar creativamente los bordes de fila de Divi para crear una sección principal impresionante
-
Usar bordes de módulo con bajo índice Z como fondos con Divi
-
Cómo crear superposiciones de borde animadas para resaltar contenido con Divi
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Uso de las Opciones de Sombra de Caja en Divi
Las opciones de sombra de caja en Divi te permiten darle a cualquier elemento de la página la ilusión de profundidad. Las sombras proyectadas son una forma creativa de dar vida a los elementos de diseño de tu sitio web. Pueden resaltar elementos e ...Uso de las Opciones de Espaciado en Divi
Es fácil personalizar el espaciado en secciones, filas y módulos con las Opciones de Espaciado de Divi. El espaciado es un elemento importante en el diseño web. Ayuda a organizar tu contenido y mantener las cosas claras y equilibradas. Con Divi, es ...Uso de las Opciones de Tamaño en Divi
Las Opciones de Tamaño de Divi facilitan el ajuste del tamaño de secciones, filas, columnas y módulos en Divi. Las Opciones de Tamaño de Divi hacen que ajustar el tamaño de secciones, filas, columnas y módulos sea sencillo. El tamaño es una parte ...Usando las Opciones de Transformación de Divi
Las opciones de transformación de Divi son un conjunto de herramientas poderosas que te permiten manipular el diseño web de formas sorprendentes, creando profundidad y efectos visuales atractivos. Las opciones de transformación de Divi te permiten ...Opciones Sticky de Divi
Presentamos el sistema sticky más completo en cualquier creador de páginas para WordPress Las Opciones Sticky de Divi son una nueva función que te permite fijar cualquier elemento en la parte superior y/o inferior de la ventana del navegador mientras ...