CSSで流体境界を作ることは可能ですか？私は三角形を描いているので、ページの幅50％と高さ50％をカバーしたい。 50％の高さとのborder-right：ここ

Question

はImが三角形

#triangle-topright { 
    width: 0; 
    height: 0; 
    border-top: 400px solid white; 
    border-right: 600px solid transparent; 
    position:absolute; 
    right:0; top:0; 
    opacity: 0.24; 

} 

を作るために使用したものだ理想的には私はのborder-topをしたい50％の幅が、それは存在しませんので... は、方法はありますこれをする？または、私はベクトル三角形イメージを使って50％、50％にサイズ変更する方が良いですか？

Answer 1

あなたはそれをうまく説明していないかもしれませんが、CSS borderを使用して非長方形にすることはできません。ベクトルの三角形または大きな透明なgifはあなたの最善の策です。代わりに、三角形の特殊文字でフォントを使用し、font-sizeを大きくする。