前端CSS实现上下左右箭头

之前我们记录过CSS 利用 :before :after 实现三角形箭头,这次我们说一下如何实现单线条的指示箭头。原理很简单,给指定元素设置两条边框,然后利用CSS中的transform方法下的rotate方法进行角度旋转即可...

软件VSCode在标题栏上显示当前文件的完整路径

VSCode默认会在标题栏上显示当前打开文件的相对路径,这样确实更简洁一些,不过在多个子目录中存在同名文件的时候,就不太方便了,容易搞混淆。好在VSCode考虑到了这个需求,只需要我们设置一下就可以了,下面来看下具体设置方法。 首先打开设置页面,在搜索框中搜索...

前端CSS 利用 :before :after 实现三角形箭头

说明 :before和:after都属于CSS伪类,而且经常用到。实现三角形箭头的话,可以用元素节点,也可以用这两个伪类,看个人喜好。实现原理也不难理解,就是利用边框接触点互相遮盖的特性来实现。我们可以先看下示意图: