三角，梯形备忘

介绍：记录，备忘。

1.向下的三角

.corner{
        width: 0px;                
		height: 0px;
		border: .10rem solid #DBDFD6;
		border-bottom-color: transparent;    
		border-left-color: transparent;
		border-right-color: transparent;
}
<div class="corner"></div>

2.向左三角 （利用伪元素，方便，但是不利于控制颜色）

.frame::before {
  display: block;
  content: '';
  width: 0px; 
  height: 0px;
  border: .10rem solid #fff;
  border-bottom-color: transparent; 
  border-top-color: transparent;
  border-left-color: transparent;
  position: absolute;left:-.2rem;top:.1rem;
}
<div class="frame"></div>

3.向右三角

.frame-right::before{
  display: block;
  content: '';
  width: 0px;
  height: 0px;
  border: .10rem solid #fff;
  border-bottom-color: transparent; 
  border-top-color: transparent;
  border-right-color: transparent;
  position: absolute;right:-.2rem;top:.1rem;
}
<div class="frame-right"></div>

4.梯形

.t{
    width: .20rem;
    border-top: .20rem solid transparent;
    border-bottom: .20rem solid transparent;
    border-left: .20rem solid #DD4D41;
    height: calc(100% - .4rem);
  }
  <div class="t">6666</div>

5.hack图片防盗

<meta name="referrer" content="never">

番外：英雄联盟春季赛，看了很久，感叹盲僧真是秀呀，亚索都骚不过。看完比赛，玩王者秒选李白，对不起，我要秀，不问输赢，一场屠杀。