樣例：
我是乙個tooltip
.tips
.tips .caret
.tips .caret:before, .tips .caret:after
.tips .caret:before
.tips .caret:after
border和偽類:after、:before來實現
解析：border-left; border-right; border-top; border-bottom; 的作用範圍
把border-left, border-right, border-top 設為透明，
.tips3然後用乙個白色三角形，絕對定位到該三角形上，就可得到乙個向上的尖角
基於此，製作的乙個小工具
用CSS繪製三角形
歸根結底，用css繪製三角形，就是利用邊框 border 特性進行繪製 平時我們用border可能用的很多，但是一般都會統一設定所有邊框的顏色，很少研究每個方向的邊框具體樣式是怎樣的。現在先來看乙個簡單的例子，我們分別設定每個方向的邊框的顏色，元素寬高是100px 效果 那麼，如果把元素的寬高設定為...
用css製作三角形
用css製作三角形，主要是利用css元素給 盒模型 設定邊框得到的。上圖，上邊框和做邊框，以及上邊框和右邊框的交合處，瀏覽器會按照直角的二分之一處繪製交合線。這是 盒模型 有寬和高時候的效果。我們假設一下，如果把寬和高設定成0px，同時讓邊框的寬度更寬一點情況會怎樣那？css 如下 tip1效果圖如...
用CSS畫三角形
好久沒寫css了，練練手，剛看了下在以前公司做過的乙個 現在已經改版，裡面有個模組涉及到用css畫三角形，試著做了一下，分享出來。帳號 287019674 qq.com 密碼 123456 下面是對實現原理的分析 1 新建乙個元素，隨便什麼元素，不過我習慣性的會用塊元素來做。如果行內元素就displ...