crop_rotate
Run
<!DOCTYPE html> <html> <head> <style> .pagination { display: inline-block; } .pagination a { color: black; float: left; padding: 10px 20px; text-decoration: none; } .active { background-color:#007bff; color:white !important; } .rounded { border-radius:5px; } </style> </head> <body> <h1>CSS rounded current page </h1> <div class="pagination"> <a href="#">«</a> <a href="#" class="active rounded">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">»</a> </div> </body> </html>
PCFET0NUWVBFIGh0bWw+DQo8aHRtbD4NCjxoZWFkPg0KPHN0eWxlPg0KLnBhZ2luYXRpb24NCnsNCiAgZGlzcGxheTogaW5saW5lLWJsb2NrOw0KfQ0KDQoucGFnaW5hdGlvbiBhDQp7DQogIGNvbG9yOiBibGFjazsNCiAgZmxvYXQ6IGxlZnQ7DQogIHBhZGRpbmc6IDEwcHggMjBweDsNCiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOw0KfQ0KDQouYWN0aXZlDQp7DQogIGJhY2tncm91bmQtY29sb3I6IzAwN2JmZjsNCiAgY29sb3I6d2hpdGUgIWltcG9ydGFudDsNCn0NCg0KLnJvdW5kZWQNCnsNCiAgYm9yZGVyLXJhZGl1czo1cHg7DQp9DQo8L3N0eWxlPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gOjotd2Via2l0LXNjcm9sbGJhcnt3aWR0aDo3cHg7aGVpZ2h0OjdweDt9Ojotd2Via2l0LXNjcm9sbGJhci10cmFja3tiYWNrZ3JvdW5kOiNmZmY7fTo6LXdlYmtpdC1zY3JvbGxiYXItdGh1bWJ7Ym9yZGVyLXJhZGl1czo1cHg7YmFja2dyb3VuZDojMmY0NWZmO308L3N0eWxlPjwvaGVhZD4NCjxib2R5Pg0KDQo8aDE+Q1NTIHJvdW5kZWQgY3VycmVudCBwYWdlIDwvaDE+DQoNCjxkaXYgY2xhc3M9InBhZ2luYXRpb24iPg0KICA8YSBocmVmPSIjIj4mbGFxdW87PC9hPg0KICA8YSBocmVmPSIjIiBjbGFzcz0iYWN0aXZlICByb3VuZGVkIj4xPC9hPg0KICA8YSBocmVmPSIjIj4yPC9hPg0KICA8YSBocmVmPSIjIj4zPC9hPg0KICA8YSBocmVmPSIjIj40PC9hPg0KICA8YSBocmVmPSIjIj41PC9hPg0KICA8YSBocmVmPSIjIj42PC9hPg0KICA8YSBocmVmPSIjIj4mcmFxdW87PC9hPg0KPC9kaXY+DQoNCjwvYm9keT4NCjwvaHRtbD4=