css - 如何在css中制作垂直线

Question

如何制作这个页脚？这张照片中的例子

Answer 1

如果必须，您可以使用带有固定线条的背景图像。

如果您想以正确的方式进行操作，您肯定需要多个 div 才能做到这一点。这是一种方法:

.column{
  width:30%;
  height:100px;
  padding:1.5%;
  float:left;
  border-right:1px solid grey;
}

.column:last-child{
border-right: none;
}

.footer{
  border:1px solid grey;
  overflow:auto;
}

<div class="footer">

  <div class="column" >
    blah
  </div>
  
  <div class="column" >
    blah
  </div>

  <div class="column" >
    blah
  </div>
  
</div>