前幾日在瀏覽**中無意發覺了人家用css來畫三角形，我覺得很有趣但不太會所以就問了一下師姐，發覺自己很無知，呵呵，原來很多人都是用這種方法畫三角形的，為什麼的，原因如下:
（1）一張小三角形的可能有幾百位元組，不過幾百位元組可以寫多少行**呢？
（2）太多會導致網頁載入得會很慢
先看**吧：
html：
*
.box
.box-1
.box-2
（1）先設定witdh=0,height=0,那麼div裡面就不會顯示任何東西
（2）利用border-width來畫乙個正方形，這個正方形是由4個三角形組成的
（3）把不需要的另外三邊設定為透明就可以了
效果圖：
CSS border實現三角形
css盒模型 乙個盒子包括 margin border padding content。上下左右邊框交界處出呈現平滑的斜線。利用這個特點，通過設定不同的上下左右邊框寬度或者顏色可以得到小三角，小梯形等。調整寬度大小可以調節三角形形狀。示例1 一般情況下，我們設定盒子的寬高度及上下左右邊框，會呈現如下...
CSS border實現三角形
css盒模型 乙個盒子包括 margin border padding content。上下左右邊框交界處出呈現平滑的斜線。利用這個特點，通過設定不同的上下左右邊框寬度或者顏色可以得到小三角，小梯形等。調整寬度大小可以調節三角形形狀。示例1 一般情況下，我們設定盒子的寬高度及上下左右邊框，會呈現如下...
CSS border實現三角形
今天實在閒得慌，上午html練手，仿寫的橫向導航選單。下午沒事情做到codeplex上閒狂，突然留意了一下codeplex上的乙個導航特效 如下 上圖中紅色圈出來的地方下方有個小三角，以前碰到這樣的圖形腦子裡總是認為那是一張。我很隨意的就用firebug檢視了下，結果找了半天沒有，發現是li裡面有乙...