Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <title>W3.CSS</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/lib/w3.css"> <body> <div class="w3-container"> <h2>Pagination with Rounded Borders</h2> <p>Add the w3-round class next to w3-border for rounded borders:</p> <ul class="w3-pagination w3-border w3-round"> <li><a href="#">«</a></li> <li><a class="w3-green" href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul> </div> </body> </html>