border-radius圓角
- 圓形，border-radius製作圓角有兩點技巧。 -元素的寬度和高度相同。 -圓角的半徑值爲元素寬度或寬度的一半或者直接設置圓角半徑值爲50%。
2.半圓，border-radius製作半圓與製作圓形的方法是一樣的，只是元素的寬度與圓角方位要配合一致，不同的寬度和高度比例，以及圓角方位，可以製作上半圓、下半圓、 左半圓 和 右半圓效果。 - 扇形，border-radius製作扇形， 其實就是使用border- radius屬性製作四分之一圓形。 遵循“ 三 同，一 不同”原則， 其中“ 三 同” 是指元素的寬度、高度 和圓角半徑值相同， 而“ 一 不同” 指的是圓角位置不同。 根據圓角取值位置不一樣， 可以分左上、右上、右下和左下四種扇形效果。
http:/ /www.iis7.com/b/wzjk/ - 橢圓，橢圓其實就是一個圓形受到擠壓而成的一種形狀，border-radius製作橢圓也非常方便，只受限於元素的寬度或高度， 然後就是圓角半徑， 製作橢圓的 圓角半徑和其他圖形有所不一樣， 需要設置圓角的水平和垂直方向的半徑值。 橢圓有兩種， 一種是水平的， 另外一種是垂直的。 它們之間的差別只是方向性的 區別， 其製作方法是一樣的。 製作水平橢圓， 元素寬度是高度的2倍， 而且border-radius的水平半徑等於元素寬度， 垂直半徑等於元素高度；而垂直橢圓剛好 與水平橢圓的參數相反。