入力内容

HTML

CSS

JavaScript

今回のJavaScriptでは「top」という「一番上からの距離」をボタンごとに設定するようなプログラムを作っています。このように何かの部品の周りに何もない空白を作ることを「余白を取る」と言います。この「余白」というのは実際にWebページを作る上で非常に重要なものとされています。

試しに、この文章と周りの水色のラインとの余白を0にしてみました。
いつもと比べて見づらいと感じませんか?

ほんの少しの違いに思われますが、余白をうまくつかいこなすことできれいなWebページを作ることができるようになるでしょう。

出力