マリオ

シェアする

  • このエントリーをはてなブックマークに追加

i320

マリオです

██████████████
██████████████
██████████████
████████████
██████████
██████████
█████████████
██████████████
█████████████
████████████
████████████
██████
████████████
████████████
██████████████
██████████████
████████████
██████████████

これ、文字のみで書いてます。割と時間がかかりました。

<div style="line-height: 12pt;">██████████████
████<span style="color: #ff0000;">█████</span>█████
███<span style="color: #ff0000;">█████████</span>██
███<span style="color: #b87a00;">███</span><span style="color: #ffcc99;">██</span><span style="color: #b87a00;">█</span><span style="color: #ffcc99;">█</span>████
██<span style="color: #b87a00;">█</span><span style="color: #ffcc99;">█</span><span style="color: #b87a00;">█</span><span style="color: #ffcc99;">███</span><span style="color: #b87a00;">█</span><span style="color: #ffcc99;">███</span>██
██<span style="color: #b87a00;">█</span><span style="color: #ffcc99;">█</span><span style="color: #b87a00;">██</span><span style="color: #ffcc99;">███<span style="color: #b87a00;">█</span>███</span>█
██<span style="color: #b87a00;">██</span><span style="color: #ffcc99;">████<span style="color: #b87a00;">█</span></span><span style="color: #b87a00;">███</span>██
████<span style="color: #ffcc99;">███████</span>███
███<span style="color: #b87a00;">██<span style="color: #ff0000;">█</span>███</span>█████
██<span style="color: #b87a00;">███</span><span style="color: #ff0000;">█</span><span style="color: #b87a00;">██</span><span style="color: #ff0000;">█</span><span style="color: #b87a00;">███</span>██
█<span style="color: #b87a00;">████</span><span style="color: #ff0000;">█</span><span style="color: #b87a00;">██</span><span style="color: #ff0000;">█</span><span style="color: #b87a00;">████</span>█
█<span style="color: #ffcc99;">██</span><span style="color: #b87a00;">█</span><span style="color: #ff0000;">█</span><span style="color: #ffcc99;">█</span><span style="color: #ff0000;">██</span><span style="color: #ffcc99;">█</span><span style="color: #ff0000;">█</span><span style="color: #b87a00;">█</span><span style="color: #ffcc99;">██</span>█
█<span style="color: #ffcc99;">███</span><span style="color: #ff0000;">██████</span><span style="color: #ffcc99;">███</span>█
█<span style="color: #ffcc99;">██</span><span style="color: #ff0000;">████████</span><span style="color: #ffcc99;">██</span>█
███<span style="color: #ff0000;">███</span>██<span style="color: #ff0000;">███</span>███
██<span style="color: #b87a00;">███</span>████<span style="color: #b87a00;">███</span>██
█<span style="color: #b87a00;">████</span>████<span style="color: #b87a00;">████</span>█
██████████████</div>

それだけなんですけど、だからなんなんだっていうね。


DIVタグを使って任意の部分の行間を、自由に設定することが出来ます。

<div style="line-height: 15pt;">
行間を
詰めて
書いて
みる。
</div>

このタグを使えば、行間を詰めて、この様なドット絵を再現することもできます。

ええ、それだけの話です。ではでは


掲載された記事への、ご意見、ご感想、ご指摘、お問い合わせなど、お気軽にご連絡くださいませ。
こちらまで
スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク