圆角并不一定都是圆的,我们使用成对的半径来实现椭圆效果。第一个设定水平半径,第二个设定垂直半径。使用下面的成对的值来使四个角都生效。

.h-card { 
border-radius : 30px 60px; }

通过给四个角设置不同的border-radius,可以创作出更加复杂的图形。

.h-card { 
border-top-left-radius : 5px 30px; 
border-top-right-radius : 30px 60px; 
border-bottom-left-radius : 80px 40px; 
border-bottom-right-radius : 40px 100px; }

1402.tif