一句献上（縦書きCSS）

今週のお題「575」

　どうも！LSSです！！

久々に、はてなブログのお題記事を書いてみます！

一句献上

しとしとと
都市をしっとり
ひたす雨

縦書きCSS

…といった感じで、５７５となると縦書きで書きたくなりますよね！

CSSには文を縦書きにするプロパティが用意されています。 

コード

<p style="writing-mode: vertical-rl; font-size: 200%;">しとしとと<br />都市をしっとり<br />ひたす雨</p>

もうちょっとだけ凝ってみました

しとしとと
都市をしっとり
ひたす雨

コード

<p style="writing-mode: vertical-rl; font-size: 200%;
padding: 1em;
background-image: linear-gradient(105deg,#f0f0e0,#fafae0,#f0f0e0);
background-size: 10px 20px;
">しとしとと<br />都市をしっとり<br />ひたす雨</p>

背景を微妙にテクスチャっぽく？したのと、余白をとってみました。

テキトーな句ですが

俳句には「季語」が必要ですよね。

梅雨をイメージして詠んだつもり…ではありますが、これで梅雨の時期って事になるのかどうかは不明ですｗ

ってなとこで、今回はこのへんで！

次回もまた、よろしくお願いします^^