一、border-image的兼容性 border-image可以說是CSS3中的一員大將，將來一定會大放光彩，其應用潛力真的是非常的驚人。可惜目前支持的瀏覽器有限，僅Firefox3.5，chrome瀏覽器，Safari3+支持border-image。所以，就本文而言，IE瀏覽器可以回家休息 ...

-bottom-left-radius和border-bottom-right-radius也只能給藍線的下半部分加上圓角。 正當困惑時，我突然想到了CSS3 ...

1、border-image 描述、語法 　　在CSS3之前，border只能簡單的設置一些純色或幾種簡單的線型（如solid,dotted,double,dashed等）。 　　在CSS3中，border-image實現了給邊框設置不同的圖片效果 ...

一、圓角邊框：IE9.0以前版本不支持 border-radius: 接受8個屬性，前四個為x軸，后四個為y軸，以斜杠划分x軸、y軸，即border-radius:左上較 右上角 右下角 左下角 / 左上角 右上角 右下 角 左下角 ;（x軸/y軸 ...

border-image 它是下面幾個值的簡寫： border-image-source // 使用絕對或相對地址url,引入圖片 border-image-slice //切割圖片，取值支持:<number> 或<percentage>其中number是沒有單位 ...

為邊框應用圖片 border-image 顧名思義就是為邊框應用背景圖片，它和我們常用的background屬性比較相似。例如： background:url(xx.jpg) 10px 20px no-repeat; 但是又比背景圖片復雜一些。 想象一下：一個矩形 ...

border-image屬性很容易記，它允許你將圖片或CSS漸變形狀作為一個元素的邊框。 該屬性能被應用於任何元素，但當表格元素（如` tr,th,td `）的border-collapse屬性值 ...

備忘記： 1、CSS3 邊框圖片使用方法。 border-image： [border-image-source 圖片來源 ] 取值：none url(圖片路徑) [ border-image-slice分割方法 ] 取值：浮點數或百分比 ...