# 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).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helpv3.ladipage.vn/cac-phan-t-co-ban-tren-landingpage/phan-tu/hinh-hop.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.