سایت آموزشی فری لرن
اجرا کن
مشاهده خروجی
<!DOCTYPE html> <html> <head> <style> .MyCenter{ text-align:center; } .MyPagin { display: inline-block; } .MyPagin a { color: black; float: right; padding: 8px 16px; margin:0 2px; text-decoration: none; border:2px solid #000; border-radius:50px; } .MyPagin a:hover:not(.active) { background-color:#f2f2f2; } .MyPagin a.active{ background-color:#2196F3; color:#fff; } </style> </head> <body> <br><br> <div class="MyCenter"> <div class="MyPagin"> <a href="#">اولین صفحه</a> <a href="#">1</a> <a href="#" class="active">2</a> <a href="#">3</a> <a href="#">آخرین صفحه</a> </div> </div> </body> </html>
اشتراک گذاری
×
کپی آدرس
آدرس با موفقیت کپی شد
