#005:タイトルと本文のみ&テキスト中央揃え&幅いっぱい

ブラウザで確認する

スポンサーリンク

HTMLをコピーする

下記ソースをコピーする

<div id="luck-0000005" class="luck-0000005">
    <h2 class="luck-0000005-title">#005:『つくるよ by Luck』について</h2>
    <div class="text">
        <p>『つくるよ』というサイトは、デザイナーさんやコーダー初心者さんが
        <br>自分で簡単にサイトを作れるようなモノを無償で提供したいと思って作りました。</p>
        <p>提供するモノはシンプルです。
        <br>サイトの色々なパーツのHTMLをサイト上からコピーするだけで使えるようにしています。
        <br>覚えていただくことは、「htmlソースのベース」と「style.css」のダウンロードと「htmlソースのベース」へのHTMLソースのコピペです。
        <br>難しいことはありませんし、手順は丁寧に説明する予定です。</p>
    </div>
</div>

ブラウザで確認する

概要

  • 本文の一部として利用しやすい
  • シンプルなタイトル&テキスト
  • テキストのみなので読みやすい

特徴

  • 幅いっぱい
  • 中央にテキストを配置
  • レスポンシブに対応

画像について

画像は自分で撮った写真、作成した画像を使ったり、「ぱくたそ」さんの画像を利用させていただいています。

画像は必ず差し替えるか、または、ご自身で「ぱくたそ」さんからダウンロードの上ご利用ください。※画像が見つからない場合は僕が撮影したものかもしれません

どうぞよろしくお願いいたします。

CSSをダウンロードする

 CSSをダウンロードする

「style.css」をダウンロードしてから、ご自由にご利用ください。改変していただいても大丈夫ですし、商用で再利用していただいても構いません。

また、「style.css」は随時更新していきますが、本サイトで提供している全てのHTMLに対して共通で使えるようにしています。過去のHTMLのスタイルも記載されていますので「style.css」を上書きしても問題ありません。

ただし、念のため、過去にダウンロードした「style.css」は上書きする前にバックアップしておいてください。

ダウンロードできなかった人はこちらからダウンロードしてみてください。