css椭圆样式,css 椭圆

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

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

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

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

相关问答

Q1: css如何设置文本框的为半椭圆

.ellipse{

  width: 550px;

  height: 150px;

  margin: 50px;

  background: #FFD900;

  border-radius: 50% / 100% 100% 0 0;

}

css如何设置文本框的为半椭圆

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

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

一、三角形

1、CSS画等腰三角形

2、画直角三角形：

二、画圆形

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

画半圆：

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

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

三、画椭圆

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

四、平行四边形

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

五、梯形

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

六、五边形、六边形

Q3: 如何用 css 画出一个椭圆

style

#box{

    width: 200px; 

    height: 100px; 

    background: red; 

    -moz-border-radius: 100px / 50px; 

    -webkit-border-radius: 100px / 50px; 

    border-radius: 100px / 50px; 

}

/style

div id="box"/div

Q4: 怎么把DIV做成椭圆形

1、打开CSS新建一个图示的html文件。

2、下一步，需要在body标签那里添加图示的代码。

3、这个时候，可以添加style标签来设置图示的ellipse样式。

4、另外，还要在ellipse属性的里面添加图示的代码。

5、这样一来通过浏览器打开html文件即可把DIV做成椭圆形了。