如何在菜单项或页脚项之间建立垂直线？

Question

我想像这样制作页脚，但我不知道如何在ABOUT CONTACT等之间绘制垂直线... 任何人都可以帮忙吗？

Answer 1

你可以使用css的左边框或右边框

{
    border-left: 5px solid red;
}

Answer 2

您必须通过添加CSS脚本来完成此操作。对于您共享的这个特定图像，它将是这样的： 你的HTML脚本大致是：

<div class="container-fluid">
<div class="row">
    <ul>
        <li class="col-md-2">Copyright</li>
        <li class="col-md-2">About</li>
        <li class="col-md-2">Contact</li>
        <li class="col-md-2">Terms of Use</li>
    </ul>
</div>
</div>

你的CSS脚本将是：

ul {
  list-style-type: none;
}
ul li {
  border-right: 1px solid #000;
}
ul li:last-of-type {
  border-right: none;
}

希望这有帮助！