gtxyzz

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

gtxyzz web技术 2022-07-08 825浏览 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 的文章
发表评论