1、html
css上三角.trange左右有邊框但是透明，後面用底部的顏色和邊框填充
2、利用疊加層來畫帶邊框的三角形
是疊加層。思路是將兩個三角形疊加在一起，外層三角形稍大一些，顏色設定成邊框所需的顏色；內層三角形絕對定位在裡面。整體就能形成帶邊框三角形的假象
html
<divclass="********_border_up">
<span>
css/*向上*/
絕對定位（position:absolute），是根據相對定位父層內容的邊界計算的。
再結合上篇我們最開始寫的寬高為0的空div:
這個空的div，content的位置在中心，所以內部三角形是根據中心這個點來定位的。
.********_border_up
.********_border_up span
3.1、利用疊加層來畫4個三角形
html
嘗試解釋原理：
css.arr_down
.arr_down a//這裡就可以構建乙個長方形，因為底部沒有寬度 也就是不要後面的**，將上面width新增為0px-10px就是4個三角形了，這裡一定要用定位，不然整個是長方形了是可視寬度
.test a{
border-color:red blue orange gray;
border-width:20px 20px 20px 20px;
3.2、4個三角形
html
css#tri{
width: 0px;
height: 0px;
border-top: 400px solid red;
border-right: 400px solid blue;
border-bottom: 400px solid green;
border-left: 400px solid yellow;
用css來設定table的border
在網頁中table是一種很好的展示資料的標籤。預設情況下，table是沒有border的，但是我們為了好看，經常要給table加上border。而且ie7 8 9下border的顏色還不一樣，下面我們就來看看如何用css來控制table的border的顯示。首先，我們建立乙個簡單的table，如下 ...
用css來設定table的border，考慮相容性
在網頁中table是一種很好的展示資料的標籤。預設情況下，table是沒有border的，但是我們為了好看，經常要給table加上border。而且ie7 8 9下border的顏色還不一樣，下面我們就來看看如何用css來控制table的border的顯示。首先，我們建立乙個簡單的table，如下 ...
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...