1. 采用的是相邻边框连接处均分处理
2. 任意三条边设为transparent透明，剩下的就是一个三角形
```
3. .shape {
width: 0;
height: 0;
border-width: 20px;
border-style:solid;
border-color:transparent transparent red transparent;
}
```
- HTML
- CSS
- DOM
- 性能优化-图片
- 1-代码质量
- 2-对象基础知识
- 3-数据类型
- 业务系统100问
- 1.1 如何知道系统有更新并进行刷新
- 1.2 前端与后端密码传输是如何加密的
- 头条面试100问
- 1.43如何实现一个圆形的点击区域
- 1.44实现1px在不同的浏览器模式下呈现一致
- 1.45title与h1的区别
- 1.47Canvas与SVG的区别
- 1.48网页验证码是干嘛的，是为了解决什么安全问题
- 1.49渐进增强和优雅降级的定义
- 1.51对web标准、可用性、可访问性的理解
- 1.52IE各版本和Chrome浏览器同时可下载的数量是多少
- 1.57css reset和normalize.css有什么区别
- 1.58用于预格式化文本的标签
- 1.60header标签中必不可少的标签是什么
- 1.62html5中哪个方法用来获取用户的当前位置
- 1.64disabled和readonly有什么区别
- 1.65主流浏览器的私有css属性前缀分别是什么
- 1.66前端性能优化
- 1.67Chrome中的waterfall
- 1.69html规范中要求资源不加协议头http或https
- 头条CSS面试100问
- 2.1头条面试CSS100问
- 2.3::before和:after中双冒号和单冒号有什么区别
- 2.5CSS中哪些属性是可以继承的
- 2.9如何居中div
- 2.14用纯CSS创建三角形的原理是什么
- 2.15一个满屏品字布局如何实现
- 2.16CSS如何实现多列等高布局
- 2.18li标签与li标签之间有看不见的空白间隔是什么原因引起的？有什么解决方案？
- 2.19为什么要进行CSS初始化
- 数据结构与算法