بستن تبلیغات

دوره جامع و پروژه‌محور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژه‌های حرفه‌ای مثل دیجی‌کالا و شمرون کباب مهارتت رو حرفه‌ای کن!

مشاهده بیشتر

آموزش تخصصی فرانت‌اند با پروژه عملی

این دوره شما رو از مفاهیم پایه تا مباحث پیشرفته مثل JavaScript، React و Next.js پیش می‌بره. با آموزش پروژه‌محور، یک فروشگاه اینترنتی کامل طراحی می‌کنید و برای ورود به بازار کار آماده می‌شید!

مشاهده بیشتر

مشخصات مقاله

تعداد دانلود:
594
امتیاز :
0.0
تعداد بازدید:
3164
تعداد نظرات:
0
لایک ها :
0

قدم دوم : کد CSS را اضافه کنید.
مثال :

                                     a {
                      text-decoration: none;
                      display: inline-block;
                      padding: 8px 16px;
                    }

                    a:hover {
                      background-color: #ddd;
                      color: black;
                    }

                    .previous {
                      background-color: #f1f1f1;
                      color: black;
                    }

                    .next {
                      background-color: #4CAF50;
                      color: white;
                    }

                    .round {
                      border-radius: 50%;
                    }

نمونه یک

<h2>دکمه های قبلی و بعدی</h2>

<a href="#" class="previous">&laquo; قبلی</a>

<a href="#" class="next">بعدی &raquo;</a>

<a href="#" class="previous round">&#8249;</a>

<a href="#" class="next round">&#8250;</a>

امتحان کنید

نمونه دکمه های بعدی و قبلی Next and Previous Buttons