Html 如何使用CSS制作派对横幅？（如下图所示）

我想制作的半圆旗

我希望把它放在我网站主页的顶端，就像一个装饰，但不一定是固定的位置

---

谢谢大家

你必须得到一个半圆的图像。然后在你的身体里加入这样的东西：

body {
  background-image: url("paper.gif");
  background-repeat: repeat-y;
} 

---

简单

边界半径：50%


。装饰{
位置：绝对位置；
左：0；
顶部：-45px；
溢出：隐藏；
宽度：100%；
空白：nowrap；
字号：0；
}
1.装修跨度{
显示：内联块；
宽度：100px；
高度：80px；
边界半径：50%；
背景色：红色；
}
.装饰跨度：第n个孩子（2n+2）{
背景颜色：蓝色；
}
.装饰跨度：第n个孩子（3n+3）{
背景颜色：绿色；
}

使用以下代码：


span{
浮动：左；
高度：45px；
宽度：90px；
边界半径：90px 90px 0；
-moz边界半径：90px 90px 0；
-webkit边界半径：90px 90px 0；
背景：蓝色；
变换：旋转（180度）；
}

希望您至少尝试自己编写代码。堆栈溢出不是代码编写服务。我建议你做一些额外的研究，要么通过谷歌，要么通过搜索，尝试一下。如果您仍然有问题，请返回您的代码，并解释您尝试了什么以及为什么它不起作用。我曾尝试绘制一个半圆链来实现这一点，但我希望找到更好的替代方案；）这是一个开始