入駐兩個月之后的第一篇隨筆，希望能夠做到三個原則：
One：不浪費自己的時間逝淹，
Tow：不浪費讀者的時間桶唐，
第三就是希望有緣的朋友們多多指教欣簇，共度前端快樂的大坑Ｅ髟肌９淼辍妇智！
咱們今天來做一個居家旅行必備的小tips巍棱，展現(xiàn)前端老前輩的智慧如贷，積淀的文化...
先來一個小口訣【呆會會用到的尚猿，不用著急記住它哦】
四方小三角（上，下，左庄萎，右）
尖角反方線，給顏色 /設(shè)置邊線/
兩邊夾角線成透明 /設(shè)置邊線/
參數(shù)都相同 /線的參數(shù)都一樣/
給予三條邊 /有三條邊哦/
八方小三角（左上塘安，左下糠涛，右上，右下）
左右相反成透明 /設(shè)置邊線/
上下相同給顏色 /設(shè)置邊線/
送你兩條邊 /好方便兼犯，就兩條邊/
哥們上代碼：舉個梨子
四方來角之（up忍捡，up，up上）來個div盒子切黔，是否可以用其他的容器锉罐？（哥們沒試過，夠用就好）
<divclass="up"></div>
borderleft:30pxsolidtransparent;
/*口訣绕娘，左，右邊成透明*/
border-right:30px solid transparent;
/*30px可以控制三角的大小*/
border-bottom:30px solid black;
/*口訣栽连，相反線，給顏色*/
width: 0; height: 0;
/*否則小三角在block狀態(tài)下，會拉滿寬度*/}```
結(jié)果是：這樣的（無視小鼠標）
****
哥們上代碼（2）
先復(fù)習一遍口訣鹰霍，向上向上走...
然后再來，舉個梨子（八方來角之“l(fā)eft-top斤贰，left-top块饺，left-top左上”）
```<div class="left-top"><div/>```
```.left-top{position: relative; border-top: 30px solid lawngreen;
/*發(fā)現(xiàn)沒有上下相同，設(shè)置顏色*/
border-right: 30px solid transparent;
/*左右相反谷朝，給透明*/
width: 0;
/*只有兩條邊的設(shè)置哦*/
height: 0;}```
效果圖：（完美哦Ｗǘぁ！）
其中的口訣，可以完全使用，最主要的好處就是可以不用記住源碼壁涎，自己手寫的css然后在網(wǎng)頁中完美顯示的感覺就是“這個feel倍爽竟坛，倍爽...”
主要的用途：
“導(dǎo)航欄中的小三角指向”
“其他暫時沒有發(fā)現(xiàn)崭歧，哈哈噠..”
如果小白同志看見這篇文章的時候所宰，就聯(lián)系我吧，菜鳥見小白，哥倆淚汪汪
有幸被大神看見十办，那是三生有幸件相，希望指導(dǎo)一二
到這為止紊撕，小三角tips的博文就玩了，其中原理可理解也可不理解，網(wǎng)上有一大堆的源碼各谚，直接拿過來用就是了，但是不符合咱可貴的極客精神
來一起念一遍“極客精神柿汛，極客精神..”
最后的落款：
16-03-10日昌腰，
環(huán)境還是不錯的怎虫，
周圍室友愉快的斗地主
