基本語法：
border-radius ： none | [/ ]?
取值範圍：
： 由浮點數字和單位識別符號組成的長度值。不可為負值。
如果你在 border-radius 屬性中只指定乙個值，那麼將生成 4 個 圓角。
一：border-radius只有乙個取值時，四個角具有相同的圓角設定，其效果是一致的：
1效果：.demo1
二：border-radius有二個取值時，左上角和右下角相同，右上角和左下角相同的：
1效果：.demo2
三：border-radius有三個取值時，此時左上取第乙個值，右上等於左下並且他們取第二個值，右下取第三個值：
1效果:.demo3
四：border-radius設定四個值，此時左上取第乙個值，右上取第二個值，右下取第三個值.左下取第四個值：
1效果：.demo4
方便理解記憶 ：
如下圖，從左上開始1，2，3，4，四個角。不管是幾個值，從1開始對號入座，沒有值的取對角值，當然1個值的時候就4個角都相等，這樣不論水平半徑和垂直半徑是否相等，都可以很好的理解，不容易出錯。
接下來看看細分了水平半徑和垂直半徑的情況：
先來個小demo吧----
1效果：.demo5
可以看到，水平和垂直半徑的值分開設定了，不再一樣，還是可以1，2，3，4對號入座，只是水平和垂直半徑分開了而已。
20px / 40px 斜槓『/』前面的是水平半徑的值，後面是垂直半徑的值。同樣，每個角的水平和垂直半徑也可以分別設定成不一樣的。
1效果:.demo6
每個角都設定了不同的水平和垂直半徑，各有**了。不管怎麼設定值，都可以從左上角開始一一對號入座，沒有取到值的，就取對角的值。
現在大家可以大開腦洞，設定不同半徑，製作特殊的圖案了，這裡就不費篇幅一一列出來了。
先來demo---
1.無邊框的圓形
1效果：.demo7
不帶邊框的圓，只需寬和高相等，border-radius為寬高的一半就可以了。
2.有邊框的圓形
有邊框的圓，就需要把邊框的寬度也考慮進去。先來個反例：
1效果：.demo8
可以看到，忽略了邊框的寬度，只設定border-radius為寬高的一半，出來的就不是圓了。
再看乙個考慮了邊框的demo
1效果：.demo9
結果就顯而易見了。所以在畫圓的時候還要注意有無邊框。
最後附上乙個小demo。
效果：
CSS3 CSS3外輪廓屬性
外輪廓outline在頁面中呈現的效果和邊框border呈現的效果極其相似，但和元素邊框border完全不同，外輪廓線不占用網頁布局空間，不一定是矩形，外輪廓是屬於一種動態樣式，只有元素獲取到焦點或者被啟用時呈現。outline屬性早在css2中就出現了，主要是用來在元素周圍繪製一條輪廓線，可以起到...
css3 css的3種引入方式
你好！這是你第一次使用css所需要了解的知識點。如果你想學習如何使用css,可以仔細閱讀這篇文章，了解一下css的基本語法知識。css的引入方式共有三種 行內樣式 內部樣式表 外部樣式表。使用style屬性引入css樣式。示例 直接在html標籤中設定的樣式 實際在寫頁面時不提倡使用，在測試的時候可...
css3新動 CSS3 動畫
注意 1 animation play state 也是 animation 的簡寫屬性，但在 webkit 中不適用 animation myfirst 5s infinite linear paused 即 animation name myfirst animation duration 5s...