Add borders to pagination using CSS

CSSWeb DevelopmentFront End Technology

Use the border property to add border to pagination.


You can try to run the following code to set borders for pagination

Live Demo

<!DOCTYPE html>
         .demo {
            display: inline-block;
         .demo a {
            color: red;
            padding: 5px 12px;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 2s;
            border: 1px dashed orange;
         .demo {
            background-color: orange;
            color: white;
            border-radius: 5px;
         .demo a:hover:not(.active) {
            background-color: yellow;
      <h2>Our Quizzes</h2>
      <div class = "demo">
         <a href = "prev.html">&amp;lt;</a>
         <a href = "quiz1.html">Quiz1</a>
         <a href = "quiz2.html">Quiz2</a>  
         <a href = "quiz3.html">Quiz3</a>
         <a href = "quiz4.html" class="active">Quiz4</a>
         <a href = "next.html">&amp;gt;</a>
Updated on 03-Jul-2020 08:03:59