在日常开发中,经常有一些箭头啊 边边角角的地方会用到三角形,但是又懒得切图啥的,其实用css自己画也是个不错的选择,这里,来探寻一下其原理~
css实现三角形的底层原理其实就是利用了盒模型的边框
如图所示 实质上在块级元素的长宽均为0的情况下,块级元素的四条边框就组成了一个完整的矩形,在此基础上,我们需要什么样的三角形,调整相应的边框颜色为透明即可。
welcome to wonderland
缺失模块。
1、请确保node版本大于6.2
2、在博客根目录(注意不是yilia根目录)执行以下命令:
npm i hexo-generator-json-content --save
3、在根目录_config.yml里添加配置:
jsonContent: meta: false pages: false posts: title: true date: true path: true text: false raw: false content: false slug: false updated: false comments: false link: false permalink: false excerpt: false categories: false tags: true