PHP前端开发

使用 CSS 为分页添加边框

百变鹏仔 3个月前 (09-19) #CSS
文章标签 分页

使用border属性为分页添加边框。

示例

您可以尝试运行以下代码来设置边框用于分页

现场演示

<!DOCTYPE html><html>   <head>      <style>         .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 a.active {            background-color: orange;            color: white;            border-radius: 5px;         }         .demo a:hover:not(.active) {            background-color: yellow;         }      </style>   </head>   <body>      <h2>Our Quizzes</h2>      <div class = "demo">         <a href = "prev.html">&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">&gt;</a>      </div>   </body></html>