css画竖线四种方法

发布时间:2020-10-05编辑:脚本学堂
有关css画竖线的四种方法,最优画法用display的inline-block,直接border画竖线,table可以画连线,第四种是使用hr画竖线。

css画竖线的4种方法

1、最优画法,用display的inline-block;
 

a{
 border-left: 1px solid #B7D0E4;
  display: inline-block;
  margin-left: -1px;
  padding: 0px 0px 0px 3px;
}

2、直接border.
 

a{
   border-left: 1px solid #D9D9D9;
   margin-left: -1px;
   padding-left: 5px;
  }

3、table,这个比较强大,可以画连线。即div和div之间的连线。

4、hr画竖线