CSSで文字を縦書きにする方法

  CSSで文字を縦書きにする方法

最近、自分が本当にやりたいことなのか?たしかめるべく新しいホームページを立ち上げました。それは服や雑貨おしゃれな写真等を紹介、掲載するサイトです。そのホームページを作る際に、雑誌風のページを作りたくCSSを使って文字を縦書きにしてみたので、そのやり方について解説します!

test
です。

右から左に縦書きです。

test
です。

左から右に縦書きです。

上記のコードで簡単に縦書きにすることは可能です。testという文字が横になってるのが気になりますね…
文字を起こして縦にしてみましょう!

testです。
STANDUP!!

横たわっていた文字が立ち上がりましたね!

文字の縦書きの説明は以上になります。

自分がホームページのページを作る際、まずはおおまかなベースをbackground(背景色)を使って色分けしてページを組み立てていきます。

次に、background(背景色)をはずし画像などを設置すると…

実際にページを確認したい方は、All One’s Lifeにアクセスしてみてください。
※名前が当サイトと一緒なのは気にしないでください。(笑)

ぜひ、参考にしてみてください!

カテゴリー: CSS

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です