# Công cụ tạo vùng chứa (Container)

## **1. Mục tiêu**

Giúp bạn tạo ra các "khung xương" hoặc không gian đệm để chứa các thành phần khác. Container đóng vai trò là lớp nền, giúp phân chia bố cục trang web một cách khoa học, tạo sự ngăn nắp và chuyên nghiệp cho Landing Page.

## **2. Khi nào dùng?**

* Khi bạn cần tạo một mảng màu nền hoặc hình ảnh nền riêng biệt cho một phần của trang.
* Khi cần tạo các khối phân cách giữa các đoạn nội dung để người xem dễ theo dõi.
* Dùng làm khung nền định hình cho các nút bấm lớn hoặc các ô chứa thông tin (Card).

## **3. Các bước thực hiện**

* Kích hoạt: Chọn biểu tượng hình vuông trên thanh công cụ thiết kế.

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

* Vẽ vùng chứa: Nhấn giữ và kéo chuột trên màn hình chính (Canvas) để tạo ra một vùng chứa với kích thước mong muốn.
* Tùy chỉnh diện mạo: Sau khi vẽ xong, bảng thuộc tính bên phải sẽ hiện ra. Tại đây bạn có thể:
  * Thay đổi màu nền (Background Color) hoặc chèn ảnh nền.
  * Điều chỉnh độ bo góc (Corner Radius) để tạo cảm giác mềm mại.
  * Thêm viền (Border) với độ dày và màu sắc tùy ý để làm nổi bật khối.

## **4. Lưu ý quan trọng**

* Cơ chế lồng ghép: Container có thể chứa các Container khác bên trong. Hãy tận dụng điều này để tạo ra các bố cục phức tạp như chia cột hoặc tạo nhóm phần tử.
* Khoảng đệm (Padding): Khi đặt chữ hoặc hình ảnh vào trong Container, hãy điều chỉnh khoảng đệm để nội dung không bị dính sát vào viền khung, giúp giao diện trông thoáng đãng hơn.
* Độ trong suốt: Bạn có thể giảm độ mờ (Opacity) của màu nền Container để tạo hiệu ứng lớp phủ (overlay) đẹp mắt trên các hình ảnh nền lớn.


---

# 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://docs.mhiring.vn/mcms/tac-vu-chung/tac-vu-co-ban/cong-cu-tao-vung-chua-container.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.