w3school學到這個例項：
截止今天中午，我對於border-radius的理解就是下面這樣子：doctype html
>
<
html
>
<
head
>
<
style
>
divstyle
>
head
>
<
body
>
<
div>border-radius 屬性允許您向元素新增圓角。
div>
body
>
html
>
-webkit-border-radius:25px;-moz-border-radius:25px;
border-radius:25px;
嘗試運用了，效果是對的。我自以為掌握了border-radius。。。顯然，我錯了。
但是在學習的過程中我犯了個很大的錯誤：不知其所以然。
下午看到乙個例子，運用到border-radius，並解釋了使用。
border-radius 的語法：
border-radius ： none | [/ ]?
border-radius屬性可包含兩個引數值：第乙個表示圓角的水平半徑，第二個值表示圓角的垂直半徑。如果僅包含乙個引數值，則第二個值與第乙個值相同，表示這個角就是乙個四分之一圓角。
也就是說，圓角不一定是正圓，可以是橢圓。
我嘗試了這樣的**：
>無標題文件
title
>
<
style
type
="text/css"
>
div.one
style
>
head
>
<
body
>
<
div
class
="one"
><
p>border-radius
p>
div>
body
>
html
>
結果不是橢圓的角，而是左上和右下角是10px的1/4圓，右上和左下是5px的1/4圓。為什麼？我明明是設定了兩個引數。
再看語法，汗。。。理解失誤！！！
[/ ]? 兩引數之間有/再試
>無標題文件
title
>
<
style
type
="text/css"
>
div.two
style
>
head
>
<
body
>
<
div
class
="two"
><
p>border-radius
p>
div>
body
>
html
>
這樣效果出來了。
通過這個問題，受到個教訓：學習一定要知其根本。就現在學習css來講，在學習別人例項之前，一定要明白語法。優秀的**裡沒有一處是垃圾，是基於標準實現的。
在指令碼之家**有個介紹border-radius的，非常詳細。
CSS3邊框 圓角效果 border radius
border radius是向元素新增圓角邊框。使用方法 border radius 10px 所有角都使用半徑為10px的圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角，順時針 不要以為border radius的值只能用px單位，...
CSS3之圓角製作
如今css3中的border radius出現後，讓我們沒有那麼多的煩惱了，首先製作圓角的時間是省了，而且其還有多個優點 其一減少 的維護的工作量，少了對的更新製作，的替換等等 其 二 提高 的效能，少了對進行http的請求，網頁的載入速度將變快 其三增加視覺美觀性。既然border radius有...
CSS3之背景縮放
背景縮放 css3 通過background size設定背景的尺寸，就像我們設定img的尺寸一樣，在移動web開發中做螢幕適配應用非常廣泛。其引數設定如下 a 可以設定長度單位 px 或百分比 設定百分比時，參照盒子的寬高 b 設定為cover時，會自動調整縮放比例，保證始終填充滿背景區域，如有溢...