Fügen Sie mithilfe von CSS Rahmen zur Paginierung hinzu-CSS-Tutorial-php.cn

Fügen Sie mithilfe von CSS Rahmen zur Paginierung hinzu

PHPz

Freigeben： 2023-09-13 19:21:03

nach vorne

969 Leute haben es durchsucht

使用 CSS 为分页添加边框

Verwenden Sie das Attribut border, um der Paginierung einen Rahmen hinzuzufügen.

Beispiel

Sie können versuchen, den folgenden Code auszuführen, um Rahmen für das Paging festzulegen

Live-Demo

<!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">&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>
      </div>
   </body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonFügen Sie mithilfe von CSS Rahmen zur Paginierung hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!