生活の跡

個人的な備忘録

2020-03-09から1日間の記事一覧

div要素の左側に、90度回転させた文字列を配置したい

概要 つまり、こんな感じのことがしたい。 縦書きにしたいのではなく、横書きの文字列を90度回転させたいのである。 手順 CodePenを使って試します。 1. 文字列もdiv要素で用意し、横並びにする まずは、display: flex;を設定した親要素を用意し、div要素を…

CSSで台形を描く手順と仕組み

概要 div要素にCSSを適用するだけで、台形を描くことができます。仕組みを理解していなかったので調べました。 台形を描く手順 CodePenで作成した画像を使って紹介します。 1. borderを設定したdiv要素を用意する width=100px; height=100px;のdiv要素を、50…