> ## Documentation Index
> Fetch the complete documentation index at: https://help.kajabi.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Personalizar la configuración de fondo del bloque

> Aprende a cambiar el color de fondo, agregar y ajustar un borde, y darle profundidad a tu bloque.

Aprende a cambiar el color de fondo, agregar y ajustar un borde, y darle profundidad a tu Bloque.

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/rgti8v7l8m" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

Este artículo se refiere a la Configuración de Fondo de Bloque. Si buscas personalizar tu Configuración de Fondo de Sección, consulta la [guía de Configuración de Fondo de Sección](/es/articles/website/pages/how-to-customize-your-section-background-settings). Aprende más sobre la [diferencia entre secciones y bloques](/es/articles/website/pages/add-sections-to-your-pages).

***

## Personalizar la configuración de fondo de tu bloque

Personaliza la Configuración de Fondo de tu Bloque con un [Color de Fondo de Bloque](#block-background-color), [Borde](#border-type) y/o un [efecto de Sombra de Caja](#box-shadow).

### Para activar la configuración de fondo de tu bloque

* Abre la pestaña **Website** desde el Dashboard.
* Selecciona **Website Pages** o **Landing Pages**.
* Abre el editor de páginas de tu Página. [Aprende más](/es/articles/website/pages/how-to-get-to-the-page-editor)
* Haz clic para abrir el Bloque que quieres personalizar.
* Ve a la barra lateral y haz clic en **Background**.
* Selecciona tu **Border Type** y personaliza tu Configuración de Fondo:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/2qznulilha" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

***

## Configuración de fondo

### Color de fondo del bloque

Selecciona el color de fondo de tu Bloque con el selector de color:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/5azaptltzx" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

<Tip>
  **Consejo:** Usa el deslizador de Opacidad en el Selector de Color para ajustar la opacidad del Color de Fondo del Bloque.
</Tip>

### Tipo de borde

Selecciona el Tipo de Borde para cambiar la apariencia de tu Borde:

* Ninguno
* Sólido
* Punteado
* Discontinuo
* Doble
* Relieve

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/qo2zxbxd5r" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Ancho del borde

Configura el ancho de tu Borde y ajusta su grosor:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/1311yod6c0" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Color del borde

Personaliza el color de tu Borde para que se adapte a tu página y marca:

<img src="https://mintlify.s3.us-west-1.amazonaws.com/kajabi-support/es/articles/images/d73c1a90_16799637673499.png" alt="Configuración de Color de Borde" />

<Tip>
  **Consejo:** ¡Prueba las distintas configuraciones de Fondo y crea diseños y formas únicas configurando el color de Fondo del Bloque, el color del Borde y el tipo de Borde!
</Tip>

### Radio de borde

Ajusta la forma del borde del Bloque para que se vea más redondeado o más cuadrado con el deslizador de Radio de Borde:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/1dn9t9lwni" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>

### Sombra de caja

Agrega profundidad a tu bloque seleccionando un efecto de Sombra de Caja:

<div className="w-full aspect-video">
  <iframe src="https://fast.wistia.net/embed/iframe/4cjl6x5h8b" allow="autoplay; fullscreen" allowFullScreen className="w-full h-full" />
</div>