前言  當CSS3推出border-radius屬性時我們是那么欣喜若狂啊，一想到終於不用再添加額外元素來模擬圓角了，但發現border-radius還分水平半徑和垂直半徑，然后又發現border-top-left/right-radius的水平半徑之和大於元素寬度時，實際值會按比例分配元素寬度 ...

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

前言  Flex是Flexible Box的縮寫，就是「彈性布局」。從2012年已經面世，但由於工作環境的原因一直沒有詳細了解。最近工作忙到頭暈腦脹，是要學點新東西刺激一下大腦，打打雞血。 Fle ...

前面的話   邊框是CSS盒模型屬性中默默無聞的一個普通屬性，CSS3的到來，但得邊框屬性重新煥發了光彩。本文將詳細介紹CSS邊框 基礎樣式   邊框是一條以空格分隔的集合樣式，包括邊框粗細(邊框寬度)、邊框顏色和邊框樣式，且先后順序無關 【邊框樣式】   如果一個邊框沒有樣 ...

一、圓角效果 border-radius 　　使用方法： 　　border-radius:10px; /* 所有角都使用半徑為10px的圓角 */ 　 border-radius: 5px 4px 3px 2px; /* 四個半徑值分別是左上角、右上角、右下角和左下角，順時針 ...

CSS 邊框屬性 CSS邊框屬性允許你指定一個元素邊框的樣式和顏色。 可以為上下左右每個框 定制不同的樣式和顏色。 邊框樣式 邊框樣式屬性指定要顯示什么樣的邊界。 border-style屬性用來定義邊框的樣式。 border-style 值: none: 默認無邊框 ...

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

轉：http://www.kuqin.com/shuoit/20141014/342620.html border-radius:50% 今天來聊聊這個border-radius屬性，radius的英文意思是弧度的意思，而國人更喜歡稱之為圓角，因為它可以使得我們的邊框有棱有角 ...