Verwenden Sie das Attribut border, um der Paginierung einen Rahmen hinzuzufügen.
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!
So verwenden Sie die Zeilenfunktion
So kaufen und verkaufen Sie Bitcoin im Land
die Funktionsnutzung
Was soll ich tun, wenn der Druckspooler nicht gestartet werden kann?
So lösen Sie das Problem „Warten auf Gerät'.
So starten Sie regelmäßig neu
So verwenden Sie den Scannow-Befehl
Wie lange dauert es, bis die Douyin-Aufladung eintrifft?
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
