HTML像这种效果应该怎么实现

直接设置border-radius为多少的可以洗洗睡了，仔细看效果图。最好能用CSS就实现，后面div里面可能会设置图片，亦或者用canvas来画

贝塞尔曲线。大致模拟了一下。需要调整一下位置，没什么时间算公式了，仅当一种思路吧。

<!DOCTYPE html>

<html>

<head>

</head>

<body>

var c=document.getElementById("myCanvas");

var d1=10,d2=0;

var ctx=c.getContext("2d");

ctx.beginPath();

ctx.moveTo(60,60);

ctx.bezierCurveTo(110,60,120,70,120,120);

ctx.bezierCurveTo(120,180,110,190,60,190);

ctx.bezierCurveTo(10,190,0,180,0,120);

ctx.bezierCurveTo(0,70,10,60,60,60);
//ctx.bezierCurveTo(20,100,200,100,200,20);
//ctx.stroke();

ctx.fill();

</script>

</body>

</html>