倒三角產生原因：當盒子的width與height為比較小，border比較大時，border會自動產生楔形,當width與height完全沒有時，我們用transparent將所有的boder都設定成透明狀態，再設定頂部不透明，這是就會出現倒三角，也可以設定成左三角，上三角，右三角。
倒三角**：
倒三角產生圖形
如果想要製作成左三角，右三角，上三角，修改boredr-top分別成border-left,border-right,border-bottom即可
css 純 css 製作帶三角（border篇）
以前寫過一篇純css製作帶三角的邊框 那篇文章是用html特殊字元來製作三角的，今天介紹下，如何用 border 來製作三角。html 如下 div class arrow up div div class arrow down div div class arrow left div div cl...
css 純 css 製作帶三角的邊框
首先附上效果圖 以上的效果完全是用 css 來實現的，那麼是怎麼實現的呢？我們知道 html 中有一些特殊的字元，具體的 html特殊字元大全 通過特殊字元 利用 css 中的 margin 或者 position 方法完全可以實現以上效果。doctype html html lang en us ...
純css製作三角 圓形按鈕，相容ie6
原文 以前一直用做小三角 圓形按鈕等，但有時候實在不太方便，例如換個顏色又要開啟ps弄，挺麻煩的。而且對於追求細節和極致的前端工程師來說，能不用就不用，於是參考了天貓 微博等 的做法，用純html和css實現，效果還是不錯的。以下是成果，相容主流瀏覽器，包括ie6。是 執行 編輯 檢視源 資源新增嚮...