web怎么在圆圈里画半html,web前端:利用border-radius画椭圆

椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的。在数学中，椭圆是平面上到两个固定点的距离之和是同一个常数的点的轨迹。这两个固定点叫做焦点。它是圆锥曲线的一种，即圆锥与平面的截线。椭圆在方程上可以写为标准式x²/a²+y²/b²=1。

利用border-radius画椭圆

画椭圆

div{

width:200px;

height:100px;

background-color:#ffa500;

border-radius:100px/50px;

}

首先来一个宽高不同的div

然后宽高分别减半写到border-radius后面，格式如下:

border-radius:100px/50px;

椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的。根据椭圆的一条重要性质，也就是椭圆上的点与椭圆短轴两端点连线的斜率之积是定值定值为e^2-1可以得出：平面内与两定点的连线的斜率之积是常数k的动点的轨迹是椭圆，此时k应满足一定的条件，也就是排除斜率不存在的情况，还有K应满足<0且不等于-1。