> For the complete documentation index, see [llms.txt](https://helpv3.ladipage.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helpv3.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/phan-tu/hinh-hop.md).

# Hình hộp

Phần tử Hình hộp cho phép bạn thêm hình hộp vào Landing Page. Hình hộp giúp bạn có thể làm khung/ nền để làm nổi bật cho các tử khác.

<figure><img src="/files/RTNuVPHFaWRYDIamLnWw" alt=""><figcaption></figcaption></figure>

Bạn sử dụng hình hộp theo các bước sau:

**Bước 1: Tạo khung hình hộp.**

* Sử dụng thanh công cụ nhanh:

<figure><img src="/files/RGoWGK8xRtjNAzxz8ILW" alt=""><figcaption></figcaption></figure>

Hoặc bạn vào mục Thêm mới--> Phần tử--> Hình hộp:

<figure><img src="/files/92Izaxa3ZYyRdW2VNaAg" alt=""><figcaption></figcaption></figure>

**Bước 2: Thiết lập cho hình hộp.**

* Cài đặt hình nền hoặc màu nền cho hình hộp.

<figure><img src="/files/Xa3CCwfWO7YADSXJHSYa" alt=""><figcaption></figcaption></figure>

* Cài đặt viền cho hình hộp:

<figure><img src="/files/5sm5aopgH7seoBqAIhcc" alt=""><figcaption></figcaption></figure>

* Cài đặt bo góc cho hình hộp: Nếu chọn hình hộp ở thanh công cụ nhanh sẽ mặc định là hình vuông, bạn có thể chọn bo góc tất cả 200 để được hình tròn hoặc vào mục thêm mới--> phần tử-> hình hộp để chọn sẵn hình tròn.&#x20;

<figure><img src="/files/vIlLad5r23HZ2K46i8MM" alt=""><figcaption></figcaption></figure>

Bạn cũng có thể bo góc theo cạnh mà bạn mong muốn bằng cách sau:

<figure><img src="/files/zFFiDAHXw7E9lrIMFEeY" alt=""><figcaption></figcaption></figure>

* Cài đặt bổ bóng cho hình hộp:

<figure><img src="/files/MRgWeA0rJg7uD8R9ISxr" alt=""><figcaption></figcaption></figure>

**Tips:**

* Nếu bạn muốn khung viền để làm nổi bật chữ như bên dưới:

<figure><img src="/files/fSVYxr9Mqpt7OpppLlIw" alt=""><figcaption></figcaption></figure>

Bạn có thể thực hiện theo cách sau tạo viền cho hình hộp và chỉnh thanh kéo tùy chỉnh đậm nhạt cạnh ô dải màu.

<figure><img src="/files/CDUgukXcvZuKkviehVEb" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/C18aiDZ4wJrY0mPkJ5hs" alt=""><figcaption></figcaption></figure>

* Các phần tử trên hình hộp và hình hộp nên tạo nhóm với nhau để di chuyển và đi liền với nhau. Cách tạo nhóm [tại đây](https://help.ladipage.vn/thiet-ke-cho-phan-tu/tao-nhom-phan-tu).