html怎么制作整体弯曲效果,如何将div的一边弯曲？

如果不涉及背景问题，可以在上面放一个 div，背景和主背景一样，设置圆角，盖在图片上面，可以有类似效果

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

RunJS 演示代码

body {

width: 1000px;

height: 600px;

margin: 0;

background: #f2f3f7;

}

.content {

width: 200px;

height: 200px;

margin:50px auto;

background: red;

}

.cover {

position: absolute;

width: 400px;

height: 200px;

left: 300px;

top: -130px;

background: #f2f3f7;

border-radius: 50%;

}