> 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F7eCFCDgsfZWtvLIjDDW5%2Fh%C3%ACnh%20h%E1%BB%99p.png?alt=media&amp;token=80bbb5f1-9b87-4efc-8849-8e93a9eca54c" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2Fh622wczgSasW3lkM91dd%2Fh%C3%ACnh%20h%E1%BB%99p%202.png?alt=media&amp;token=735f2e88-1843-44ff-a9c3-74bd1f07dd0f" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FUJPlityWDvZRlQAsSkKX%2Fh%C3%ACnh%20h%E1%BB%99p%203.png?alt=media&amp;token=6de3aad2-db75-4779-b575-6c9ad46d77e8" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FUY9Nrdaq0iBv1bA5wEtl%2Fh%C3%ACnh%20h%E1%BB%99p%20m%C3%A0u.png?alt=media&amp;token=fe1c7267-55fc-49a4-9eb8-aec0a6486717" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FXCAbFQ8yaVuvZHZ5Gxmi%2Fh%C3%ACnh%20h%E1%BB%99p%20vi%E1%BB%81n.png?alt=media&amp;token=2ecbe521-d0d1-4bae-ba89-92b5e287224e" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FXZjhY0n1qvJA6KlRhpOg%2Fbo%20g%C3%B3c.png?alt=media&amp;token=dc69c7ac-a3fa-467f-a34a-e2341300b14b" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FsWyhwH2AbI5BaUq2Iz2L%2Fh%C3%ACnh%20h%E1%BB%99p%204.png?alt=media&amp;token=ceaed52b-d31d-488c-99a1-bf44f11bdd3c" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2FgpQ3He4f38pn7f0GH4Xi%2Fh%C3%ACnh%20h%E1%BB%99p%20%C4%91%E1%BB%95%20b%C3%B3ng.png?alt=media&amp;token=5d304cb0-3efc-4cfb-9981-443b29b00e99" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F5g8WMBavk8wlvbR4EQtv%2Fh%C3%ACnh%20h%E1%BB%99p%20tips.png?alt=media&amp;token=5b70b5e4-35c2-4b38-8f6e-ca6318a8fbb9" 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="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2r4POzZyqDINWvCsqnK3%2Fh%C3%ACnh%20h%E1%BB%99p%20vi%E1%BB%81n%201.png?alt=media&amp;token=1492e317-954c-4e09-bd22-b8e085723ed0" alt=""><figcaption></figcaption></figure>

<figure><img src="https://4163873660-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVlMUbaIjYt7SY2R8v2az%2Fuploads%2F2kEr39J0RSx4olUiKJhM%2Fthanh%20t%C3%B9y%20ch%E1%BB%89nh%20m%C3%A0u.png?alt=media&amp;token=c78ac45b-6c73-449b-9db8-1567a37d8daa" 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).