2016-02-19 174 views
-1

我討厭繪製無聊的直線。 我將如何繪製一條線,使用html/css similar to the one shown in this image開始廣泛且結束縮小。如何在CSS中開始畫一條線,並在一個點上結束

enter image description here

+0

在我看來,這看起來更像是一個壓縮的直角三角形(雖然傾斜的位)的例子。所以你應該能夠通過創建一個三角形來實現這一點(有很多例子),然後旋轉/傾斜一點。 – Harry

+1

你說得對。謝謝。 –

回答

1

這裏是哈利提到

.triangle{ 
 
    border-top:10px solid transparent; 
 
    border-bottom:10px solid transparent; 
 
    border-right:300px solid red; 
 
}
<div class="triangle"></div>

+0

謝謝你們!我知道了 –