css - 如何在导航标签周围添加边框？

Question

考虑这个 HTML:

<li role="presentation"><a href="index.php">Home </a></li>
<li role="presentation"><a href="about.php">About Us</a></li>
<li role="presentation"><a href="contact.php">Contact Us</a></li>
<li role="presentation"><a href="gallery.php">Gallery</a></li>

我想知道如何在每个按钮周围添加浅蓝色或蓝色的边框。

Answer 1

这很简单，只需添加以下规则:

a {
  border: 1px blue solid;
}

这是片段:

a {
  border: 1px blue solid;
}

<ul>
   <li role="presentation"><a href="index.php">Home </a></li>
   <li role="presentation"><a href="about.php">About Us</a></li>
   <li role="presentation"><a href="contact.php">Contact Us</a></li>
   <li role="presentation"><a href="gallery.php">Gallery</a></li>
</ul>