چگونه ایجاد می‌شود: صفحات CSS

چگونه صفحات را ایجاد کنیم

مرحله اول - اضافه کردن HTML:

<div class="pagination">
  <a href="#">‹</a>
  <a href="#">1</a>
  <a class="active" href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">»</a>
</div>

مرحله دوم - اضافه کردن CSS:

/* لینک‌های صفحات */
.pagination a {
  رنگ: سیاه;
  float: left;
  حاشیه: 8px 16px;
  نمایش: بدون خط تزئینی;
  transition: رنگ پس‌زمینه 0.3 ثانیه;
}
/* تنظیمات استایل برای لینک‌های فعال/حال حاضر */
.pagination a.active {
  رنگ پس‌زمینه: آبی روشن;
  رنگ: سفید;
}
/* موس قرار گرفته است و رنگ پس‌زمینه خاکستری اضافه می‌شود */
.pagination a:hover:not(.active) {background-color: #ddd;}

آزمایش کنید!

صفحات مرتبط

آموزش:صفحات CSS