div élément avec la flèche

Question

J'essaie de montrer un élément div qui a une flèche d'indication pointant vers le haut à droite. J'utilise CSS et HTML. Je ne peux pas sembler trier les CSS correctement. Note: Je ne veux utiliser aucune image juste du code pur.

Toute aide serait grandement appréciée. grâce

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

vous pouvez utiliser la position: par rapport à déplacer un div dans un exemple de code de position spécifique:

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; 
} 

exemple en direct:http://jsbin.com/iviha4

Answer 3

Peut-être que ce lien peut vous aider:

http://cssarrowplease.com