> ## Documentation Index
> Fetch the complete documentation index at: https://docs.zonely.gen.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Thêm & tan

> Hoàn tất sự xuất hiện của sắc thái của bạn với thêm các quy tắc kiểu dáng từ trình soạn thảo mã.

Sáng tạo trang **Thêm CSS** Mở phần của mình ra, tự viết lấy đi. CSS dòng số giúp bạn tìm vị trí mà bạn đã sắp xếp trên một tập tin dài.

[![CSS editor, Line numbers](https://mintcdn.com/zonely-a8cd49e7/chEWsMezXc9HlpJ7/images/panel/page-builder-guide-20261025/22-ek-css-vi.png?fit=max\&auto=format\&n=chEWsMezXc9HlpJ7\&q=85\&s=4cd994667b1c0bf30ca359390be1d185)](https://docs.zonely.gen.tr/images/panel/page-builder-guide-20261025/22-ek-css-vi.png)

> [card] 1. Trình biên tập CN
>
> Ở đây hãy gõ các quy tắc kiểu dáng. Trong ví dụ, các góc bài được cuộn lại.

> [card] Số 2.
>
> Giúp anh theo đúng luật lệ.

## Thêm một quy tắc kiểu mẫu

Trước tiên, hãy chọn hạng mục bạn muốn thay đổi. Nguyên tắc sau là lăn góc của thẻ trợ giúp về sắc thái mặc định:

```css theme={"theme":"css-variables"}
.zn-help-article-card {
  border-radius: 18px;
}
```

Chọn mục cần áp dụng theo quy tắc; vùng trong thanh nâng cấp được trang trí sẽ thay đổi kiểu dáng. Dùng hạng mục thích hợp nếu bạn đang làm một sắc thái khác.

## Tên miền

`.card` Như người chọn chung có thể ảnh hưởng đến nhiều quân bài trong cùng một lớp, thêm vào lớp hoặc thùng để chọn lọc trong phần đó để thay đổi một phần riêng lẻ.

Màu chung, độ rộng và trước phông chữ [Màu](https://docs.zonely.gen.tr/vi/guides/page-builder/colors.md), [Xác định](https://docs.zonely.gen.tr/vi/guides/page-builder/layout.md) và [Phông](https://docs.zonely.gen.tr/vi/guides/page-builder/fonts.md) Dùng đồng ruộng. CSS Có lẽ bạn cần kiểm tra hai nơi trong những quy tắc kế tiếp nếu bạn viết lại những thiết lập này.

## Xem thử và lưu

Sau khi viết quy tắc, hãy mở trang bị ảnh hưởng trong ô xem thử. Chẳng hạn, hãy kiểm tra một quy tắc giúp đỡ trong bài; trên trang chính, có lẽ không có sẵn.

Đóng cửa sổ **Lưu tất cả** Nhấn nút. Xem cùng trang, xem/ mở/desk và hiển thị điện thoại bên người dùng.

Nếu kết quả không xuất hiện, hãy kiểm tra xem có đúng đối tượng hay không, các thanh đeo tay được trang trí đóng, và các đường đặc trưng được tách ra bởi dấu phẩy chỉ. Bạn có thể tìm ra sự thay đổi nào ảnh hưởng đến ngoại hình bằng cách loại bỏ và so sánh quy tắc thêm cuối cùng.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.