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>

Answer 2

你可以使用position：relative来移动特定位置的div示例代码：

<强> HTML

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

<强> CSS

.wrapper {
    background-color: green;
    height: 200px;
    width: 250px;
}
.wrapper .arrow {
    position:relative;
    right:0;
    height:40px;
    width:40px;
    background:#03F;
}

直播示例： http://jsbin.com/iviha4

Answer 3

也许这个链接可以帮到你：

http://cssarrowplease.com

带箭头的div元素

3 个答案: