#001:フル画面(画像&テキスト中央配置)

ブラウザで確認する

スポンサーリンク

HTMLをコピーする

下記ソースをコピーする

<div class="luck-0000001">
    <div class="vh-center">
        <h1 class="luck-0000001-title">つくるよ</h1>
        <h2 class="luck-0000001-title2">by Luck</h2>
    </div>
</div>

ブラウザで確認する

概要

  • メインビジュアルとして利用しやすい
  • トップページのファーストビューとしてインパクトがある

特徴

  • 背景が画面いっぱい
  • テキストが縦横ともに中央表示
  • レスポンシブに対応

画像について

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

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

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

CSSをダウンロードする

 CSSをダウンロードする

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

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

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

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