椭圆css样式,椭圆的格式

CSS画三角形、圆形、椭圆形总结

CSS画正方形长方形很简单，本文就不说了。

一、三角形

1、CSS画等腰三角形

2、画直角三角形：

二、画圆形

注意：border-radius是width/height的一半（50%）。

画半圆：

半圆的画法是把高度设为宽度的一半，并且也只设置左上角和右上角的半径，且半径为宽度的一半。

画四分之一圆：是把高度和宽度设置为相等，只设置一个圆角，其半径等于高度或宽度。

三、画椭圆

斜杠前面的一组四个值分别表示四个角的水平半径；斜杠后面的一组四个值分别表示四个角的垂直半径。

四、平行四边形

margin-left是为了使得平行四边形可以全部在浏览器中显示出来

五、梯形

高度为0。有宽度没高度。

六、五边形、六边形

相关问答

Q1: css如何做外面是圆的里面是椭圆的

你需要用到这个属性border-radius:0 0 0 0;

设置两个DIV，里面的DIV比外边的小，定义高度宽度边框线，然后使用上面的样式，按照border-radius:上px 右px 下px 左px;的方式来调整你的DIV，不止可以椭圆，其他形状也可以。

还有一个方法，使用背景图片。

Q2: 用CSS 创建椭圆怎么弄

你可以先写一个边框border 然后写border-radius:50%； 这样是圆形的，border-radius:5px；这样你就可以看到边框有点椭圆了