在CSS中，制作右上角飘带效果可以给网页增添一份小清新的感觉，是网页美化的好选择。下面就让我们通过代码实现这一效果吧！

.banner {
position: relative;
width: 300px;
height: 200px;
}
.banner::before {
content: "";
position: absolute;
top: 0;
right: 0;
border-top: 50px solid #f6c;
border-right: 50px solid #f6c;
}
.banner::after {
content: "";
position: absolute;
top: 0;
right: 0;
border-top: 30px solid #fff;
border-right: 30px solid #fff;
}

上述代码中，通过伪元素::before和::after分别制作了外侧的粉色飘带以及内侧的白色飘带。使用position属性设置盒子为相对定位，然后通过top和right属性控制伪元素的位置，最后使用border属性设置飘带的颜色、宽度和形状，最终达到了右上角飘带效果。

当然，以上代码只是最基础的设置，我们可以根据个人需要对飘带进行更多的样式修改，比如改变颜色、调整大小等。相信通过对CSS的学习和实践，大家一定可以制作出美观的飘带效果！