主页 M

css画竖线的多种方法

2015-02-15 网页编程网 网页编程网

有关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画竖线。

阅读原文
阅读 5602
123 显示电脑版