左边竖条的实现方法

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

方法一:利用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


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部