صفحه‌بندی (Pagination)

ساخت کامپوننت صفحه‌بندی زیبا و واکنش‌گرا با CSS خالص

صفحه‌بندی در CSS

صفحه‌بندی (Pagination) برای تقسیم محتوای زیاد به صفحات کوچک‌تر استفاده می‌شود.

CSS صفحه‌بندی

.pagination {
        display: flex;
        gap: 5px;
        justify-content: center;
    }
    .pagination a {
        padding: 10px 16px;
        border: 1px solid #ddd;
        border-radius: 6px;
        text-decoration: none;
        color: #333;
        transition: all 0.3s;
    }
    .pagination a:hover { background: #f0f0f0; }
    .pagination a.active {
        background: #3498db;
        color: white;
        border-color: #3498db;
    }

بهترین شیوه‌ها

نکات مهم

این مبحث بخشی از دوره آموزش کامل CSS است.

ابزارهای مرتبط