> ## Documentation Index
> Fetch the complete documentation index at: https://craft-support.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Thẻ

> Biến các trang thành những thẻ trực quan hấp dẫn với nền, màu sắc, hình ảnh và kiểu xem trước tùy chỉnh.

Thẻ là một tùy chọn tạo kiểu biến các trang của bạn thành những phần tử dạng thẻ nổi bật về mặt trực quan trong tài liệu. Dùng thẻ để tạo bố cục hấp dẫn bằng cách cho các trang nền, màu, kiểu xem trước hoặc định dạng khác nhau.

<Frame>
  <video autoPlay muted loop playsInline>
    <source src="https://mintcdn.com/craft-support/vpN4ZHWkgajNnWaJ/images/write-and-edit/styling/cards/en/content/cards-example.mp4?fit=max&auto=format&n=vpN4ZHWkgajNnWaJ&q=85&s=86912a7f01babf1ea8be8506fac76c31" type="video/mp4" data-path="images/write-and-edit/styling/cards/en/content/cards-example.mp4" />
  </video>
</Frame>

<Info title="Thẻ và trang">
  Thẻ và trang hoạt động giống nhau ở phía sau hậu trường. Thẻ chỉ đơn giản là các trang có thêm kiểu trình bày trực quan: nền, màu, xem trước hoặc định dạng. Mọi thứ bạn có thể làm trên trang thì cũng có thể làm bên trong thẻ.
</Info>

## Tạo thẻ

<Steps>
  <Step title="Mở slash menu">
    Gõ `/card` trong tài liệu của bạn.
  </Step>

  <Step title="Chọn kiểu">
    Chọn kiểu thẻ từ menu.
  </Step>

  <Step title="Chèn">
    Thẻ được chèn dưới dạng một khối trang mới.
  </Step>
</Steps>

Tìm hiểu thêm về [Cách dùng slash menu](/vi/write-and-edit/formatting/slash-menu).

## Nền

Thẻ có thể được tùy chỉnh với ba loại nền:

* **Màu trơn:** chọn từ bảng màu hoặc đặt một màu tùy chỉnh.

  <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/card-color.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=a0107160a54406d13310ce129db82b00" alt="Thẻ với nền màu" width="715" height="155" data-path="images/write-and-edit/styling/cards/en/content/card-color.png" />

* **Ảnh Unsplash:** tìm và chọn ảnh chuyên nghiệp ngay trong Craft.

  <img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/card-image.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=4ab390d1e1becd66cf197d5dbd9afb8b" alt="Thẻ với nền ảnh Unsplash" width="710" height="156" data-path="images/write-and-edit/styling/cards/en/content/card-image.png" />

* **Ảnh của bạn:** tải ảnh lên từ thiết bị.

Bạn cũng có thể để thẻ không có nền để có vẻ ngoài gọn gàng, tối giản:

<img src="https://mintcdn.com/craft-support/L5zMoIm2o8A5WVUD/images/write-and-edit/styling/cards/en/content/simple-card.png?fit=max&auto=format&n=L5zMoIm2o8A5WVUD&q=85&s=05efda4938c09f871b022ddd9cade7ef" alt="Thẻ đơn giản không có nền" width="718" height="162" data-path="images/write-and-edit/styling/cards/en/content/simple-card.png" />

## Kiểu xem trước

Bản xem trước của thẻ kiểm soát cách nội dung của nó xuất hiện trên trang cha. Hãy chọn một trong năm tùy chọn:

* **Tiêu chuẩn:** bản xem trước mặc định, hiển thị tiêu đề và một đoạn ngắn nội dung của thẻ.
* **Emoji:** chọn tối đa bốn emoji hiển thị trên thẻ thay cho bản xem trước dạng văn bản.
* **Sách:** trình bày giống như một trang sách.
* **Giấy ghi chú:** trình bày giống một tờ ghi chú vàng.
* **Thư viện:** ảnh ghép tối đa ba hình từ bên trong thẻ thay cho bản xem trước dạng văn bản.

## Định dạng thẻ

Thẻ có năm định dạng, làm thay đổi mức độ nổi bật của thẻ trong tài liệu. Kết hợp các định dạng để tạo thứ bậc và điểm nhấn thị giác.

<Info title="Craft Plus">
  Hai định dạng thẻ lớn nhất có sẵn với Craft Plus. Ba định dạng còn lại có sẵn trong mọi gói.
</Info>

## Hướng dẫn video

<iframe src="https://www.youtube-nocookie.com/embed/8vIxMUVTvl8" title="How to use Cards in Craft" className="w-full aspect-video rounded-xl" allowFullScreen />

## Trường hợp sử dụng

Thẻ đặc biệt hữu ích cho:

* **Lập kế hoạch dự án:** tạo các phần trực quan cho các giai đoạn khác nhau của dự án.
* **Cơ sở tri thức:** sắp xếp chủ đề theo thứ bậc trực quan.
* **Ghi chú cuộc họp:** tách các mục chương trình hoặc chủ đề thảo luận.
* **Lập kế hoạch nội dung:** sắp xếp ý tưởng với sự phân biệt trực quan.

## Bài viết liên quan

<Columns cols={2}>
  <Card title="Hướng dẫn nhanh về kiểu dáng" href="/vi/write-and-edit/styling/quick-guide">
    Hướng dẫn toàn diện về mọi tính năng tạo kiểu
  </Card>

  <Card title="Ảnh bìa" href="/vi/write-and-edit/styling/cover-images">
    Tùy chỉnh ảnh bìa cho tài liệu của bạn
  </Card>

  <Card title="Khối và trang" href="/vi/write-and-edit/blocks-and-pages">
    Hiểu các khối cấu thành của Craft
  </Card>
</Columns>