css垂直导航居中链接以及添加边框，全高固定垂直导航栏

gtxyzz web技术 2022-07-08 654浏览 0

垂直导航居中链接以及添加边框，全高固定垂直导航栏

居中链接以及添加边框

把 text-align:center 添加到 <li> 或 <a>，使链接居中。

将 border 属性添加到 <ul>，在导航栏周围添加边框。如果您还希望在导航栏内添加边框，请为所有 <li> 元素添加 border-bottom，最后一个元素除外：

实例

ul {
  border: 1px solid #555;
}
li {
  text-align: center;
  border-bottom: 1px solid #555;
}
li:last-child {
  border-bottom: none;
}

垂直导航栏

在本例中，我们居中导航链接并为导航栏添加边框：

继续浏览有关 css 的文章