css - 带有箭头的 div 元素

Question

我试图显示一个 div 元素，它有一个指向右上角的指示箭头。我正在使用 CSS 和 HTML。我似乎无法正确整理 CSS。注意:我不想只使用纯代码来使用任何图像。

任何帮助将不胜感激。谢谢

Answer 1

<style>
.arrow {
 float: right;
 width: 0;
 height: 0;
 border-color: #fff #fff #000 #fff;
 border-style: solid;
 border-width: 0 15px 20px 15px;
}
</style>

<div class="arrow"> </div>