CSS畫正方形長方形很簡單,本文就不說了。
一、三角形
1、CSS畫等腰三角形
2、畫直角三角形:
二、畫圓形
注意:border-radius是width/height的一半(50%)。
畫半圓:
半圓的畫法是把高度設為寬度的一半,并且也只設置左上角和右上角的半徑,且半徑為寬度的一半。
畫四分之一圓:是把高度和寬度設置為相等,只設置一個圓角,其半徑等于高度或寬度。
三、畫橢圓
斜杠前面的一組四個值分別表示四個角的水平半徑;斜杠后面的一組四個值分別表示四個角的垂直半徑。
四、平行四邊形
margin-left是為了使得平行四邊形可以全部在瀏覽器中顯示出來
五、梯形
高度為0。有寬度沒高度。
六、五邊形、六邊形