Gunakan atribut border untuk menambah sempadan pada penomboran.
Anda boleh cuba jalankan kod berikut untuk menetapkan sempadan untuk paging
Demo secara langsung
<!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>Atas ialah kandungan terperinci Tambahkan sempadan pada penomboran menggunakan CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Konfigurasikan fail HOSTS
Bagaimana untuk mematikan gesaan naik taraf win10
Apakah perbezaan antara weblogic dan tomcat
Cara menggunakan makro excel
Perisian penyulitan telefon mudah alih
Perisian partition cakera keras mudah alih
penggunaan propertydescriptor
Bagaimana untuk menyelesaikan 404 tidak dijumpai
penggunaan fungsi mul
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
