前言
設計首先建立乙個div，再通過：before或者：after在div前面或者後面新增乙個三角形，將這個三角形作為乙個塊級，這個三角形的位置是相對於這個div相互繫結的。
html：
div.main
div.down
div.down::after
這個繫結的div必須要設定乙個position屬性，非等於static的值，因為在前面：before新增的這個三角形div是相對於繫結的div進行定位的，left,right,bottom,top,元素會尋找最近父級的有position屬性的div定位，如果position=『relative』的話，是相對該元素原來預設（沒有文件流）的位置定位，並沒有脫離文件流，仍然占有位置，如果position=「absolute」的話，是絕對定位，是脫離文件流的，相當於在不同的層面，所以對於這個繫結的div，一般建議脫離文件流，即繫結的彈出div設定position=「absolute」
，初始化時，並將其隱藏起來。
特變要注意的是，在：before時樣式中必須設定content：'' ",否則這個偽元素是無效無用的。
CSS3實現三角形
下面用css3分別實現向上 下 左 右的三角形 箭頭向上 arrow up 箭頭向下 arrow down 箭頭向左 arrow left 箭頭向右 好了原理我們了解了，那麼我們就實戰一下吧，來實現帶小三角形的div框。首先，寫出html hello，我出生了 hello，我出生了 hello，我出...
css3 三角形 三角形的內切圓
直角三角形 內切圓半徑為r a b c 2 a,b為直角邊，c為斜邊 一般三角形 內切圓半徑為r 2s a b c s是三角形的面積公式 與三角形三邊都相切的圓叫做三角形的內切圓，圓心叫做三角形的內心，三角形叫做圓的外切三角形。三角形的內心是三角形三條角平分線的交點。拓展資料 三角形一定有內切圓，其...
css 修改三角形大小 css實現三角形
最近的乙個專案頁面中，有很多三角形icon，在不考慮ie相容性下，使用了css實現三角形，記錄一下 1 實心三角形，利用transparent實現 1 設定線條寬50px，div 寬高0 width 0px height 0px border right 100px solid red border...