如何使用css來製作箭頭？

Question

我是新來的CSS你們可以請幫我製作定製的向上箭頭： 下面是我的HTML DIV只有一個DIV我想用之前和箭，使後的CSS屬性：

<div class="triangle-with-shadow"></div> 

Answer 1

我們有試過下面的CSS代碼：

.triangle-with-shadow { 
    width: 100px; 
    height: 100px; 
    position: relative; 
    z-index: 5; 
} 
.triangle-with-shadow:after { 
    content: ""; 
    position: absolute; 
    width: 50px; 
    height: 50px; 
    background: white; 
    border: 1px solid; 
    transform: rotate(45deg); 
    top: 75px; 
    left: 25px; 
    border-width: 1px 0 0 1px; 
} 
.triangle-with-shadow:before { 
    width: 100px; 
    background: white; 
    height: 100px; 
    position: absolute; 
    content: ""; 
    top: 100px; 
    border: 1px solid; 
}