Question

我需要创建一个带有拱形顶边的页脚，它也应该有一个轮廓。我想在顶部和普通矩形上使用一个图像，下面有相同的bg颜色，但我需要它在不同的设备上响应。是否可以使用纯CSS而不必使用不同大小的图像？和跨浏览器解决方案请：）

我无法在此处发布图片，因为我是新来的，请转到此处：http://oi60.tinypic.com/vwf48.jpg

Answer 1

＆＃13;

footer{
  height: 100px; width: 100%;
  background-color: grey;
  border-radius: 50% 50% 0 0;
}

＆＃13;

<footer></footer>

＆＃13;

如果您想要使用它，可以使用Codepen.io示例链接：