使用 CSS 为分页添加边框

ID:13654 / 打印

使用 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以适应特定的缩放级别?
下一篇: CSS Flexbox 布局模块

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。