首頁  >  文章  >  web前端  >  純CSS繪製的三角形箭頭圖案

純CSS繪製的三角形箭頭圖案

巴扎黑
巴扎黑原創
2016-11-25 14:19:021756瀏覽

div#up { 
寬度:0px; 
高度:0px; 
border-left:5px實心透明; 
右邊框:5px實心透明; 邊框底部:5px 實心英尺#2f2f3p; :0px; 
高度:0px; 
border-left:20px實心透明; 
右邊框:20px 固體透明; 
邊框頂部:20px 實心#f00; 
^p ; 
border-top:10px實心透明; 
border-bottom:10px實心透明; 
右邊框:10px 實心黃色; 

div#rightorder  -p實心透明; 
border-bottom:60px實心透明; 
左邊框:60px 純綠色; 



html: 

 
 

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn