【CSS】平行四辺形を作る方法／ボタンや見出しにも応用可能 | 妙高Web屋この記事はこちらの方にオススメ！ コーディングで「CSSを使って平行四辺形を作りたい！」とお考えの方 Web制作をされている皆さん！ 「画像を使わずにCSSで平行四辺形を作りたい！」 とお考えになったことはないでしょうか？ 今回の記事は、その方法をご紹介します。 この記事の目次 結論！平行四辺形だけなら超シンプル CSSで文字ありの平行四辺形を作るには工夫が必要！ 結論！平行四辺形だけなら超シンプル さっそく結論です。 CSSで平行四辺形を作るには、このコードを基本にしてください。 HTMLは、クラス名［paral01］を持つ中身がカラのdivタグなどでOKです！ .paral01 { transform: skewX(-45deg); // X軸方向（水平方向）に45度傾ける width:1200px; // 任意 height:200px; // 任意 margin:0 auto; b
