Heim >Web-Frontend >CSS-Tutorial >Fügen Sie mithilfe von CSS Rahmen zur Paginierung hinzu
Fügen Sie mithilfe von CSS Rahmen zur Paginierung hinzu
- PHPznach vorne
- 2023-09-13 19:21:031016Durchsuche
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">&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>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!
Stellungnahme：
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel：CSS-Flexbox-LayoutmodulNächster Artikel：CSS-Flexbox-Layoutmodul