左边竖条的实现方法

类似于这样的左边竖条的实现方法有很多,最近看到有文章介绍,于是乎就自己也写到博客里,以便于以后自己查看。 方法一:利用boder: div{positio

类似于这样的左边竖条的实现方法有很多,最近看到有文章介绍,于是乎就自己也写到博客里,以便于以后自己查看。

方法一:利用boder:









 方法二:利用伪元素:









  方法三:boder-shadow[css3属性]:









  与方法三类似,还是用box-shadow,只是加了inset,用于设置内阴影:








  就先写这嘛多吧,还有其他的,我对一些属性还不了解,就不往下写了,具体的文章请参考:

https://codeopen.io/Chokcoco/pen/PGkgRX https://github.com/chokcoco/iCss/issues/1

 

 

 

转载于:https://www.cnblogs.com/gaoxuerong123/p/6785050.html