CSS3 三角形 ひし形 等の作成方法このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。 web帳 前回の CSSで図形 三角形＆台形 の応用で、二等辺三角形、ひし形を使い色々な図形を作成します。 まず、復習です。 HTML <div id="triangle"></div> CSS3 #triangle { height: 0px; width: 0px; border: 50px solid #000; border-color: transparent; border-top-color: #000; } これで、 このような図形ができます。 border-top-colorを、border-bottom-color、border-left-color、border-right-color、に それぞれ変更すると、 こうなる。 では、最初のcssをちょっとばらして
html5-memo.com
