htmlとcssだけで作る三角形 | きほんのきhtmlとcssだけで作る三角形。対応ブラウザはIEが7以上、firefox、chrome、operaなどは出回ってるバージョンすべてで問題なく使えます。 以下の例ではすべてdivを使っていますが、当然aタグでも大丈夫です。クリックさせる用途ならaタグの方が良いと思われます。 右三角形 html <div id='triangleRight'></div> css #triangleRight{ width: 0; height: 0; border-left: 100px solid #F00; border-top: 50px solid transparent; border-bottom: 50px solid transparent; } 左三角形 html <div id='triangleLeft'></div> css #triangleLeft{ width: 0; he
