Css 如何制作对角线div

这是我的

div

标签，我想在红色区域写hello。我该怎么写呢？请帮忙

。向右箭头{
高度：100px；
左边距：10px；
背景颜色：蓝色；
边框顶部：170px实心红色；
右边框：170px实心橙色；
宽度：200px；
衬垫顶部：-190px；
}

---

Hello

我使用了定位和伪元素来实现这一点：

。向右箭头{
高度：100px；
左边距：10px；
背景颜色：蓝色；
边框顶部：170px实心红色；
右边框：170px实心橙色；
宽度：200px；
位置：相对位置；
}
.向右箭头：在{
内容：“你好”；
位置：绝对位置；
顶部：-170px；
字体大小：50px
}

---

欢迎来到SO。所以你应该看看如何问一个好问题：stackoverflow.com/help/how-to-ask。我很不清楚你期望的是什么？你想把对角div放在哪里？“Hello”的位置与此有什么关系？这些问题很好回答。@Saba：我的回答解决了你的问题，还是你还在寻找答案？回答得很好。你明白这里的“对角线”是什么吗？哈哈，我猜OP最终会在节目中加入“红色”部分。但目前，我理解你在问题标题和内容之间的困惑。