使用 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>
以上就是使用 CSS 为分页添加边框的详细内容，更多请关注双恒网络其它相关文章！
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
云资源网
