css实现椭圆、半椭圆

1. 椭圆

1 .ellipse{
2   width: 250px;
3   height: 150px;
4   margin: 50px;
5   background: #FFD900;
6   border-radius: 50% / 50%;
7 }

2.半椭圆

1 .ellipse{
2   width: 550px;
3   height: 150px;
4   margin: 50px;
5   background: #FFD900;
6   border-radius: 50% / 100% 100% 0 0;
7 }

 

转载于:https://www.cnblogs.com/zywaf/p/9183602.html