ロゴマークを作成する時の文字並べ方、レイアウトのコツを紹介します。ロゴマークを作る時に、イラストと文字とのバランスがうまくとれないという方もいるでしょう。文字を綺麗に並べるコツは、「揃える」「強弱をつける」「情報を整理する」ことです。 では、ロゴ画像として表示する画像ファイルを用意します。 ダウンロードしたサンプルファイルからlogo.pngをコピーしてimagesフォルダに入れます。 画像ファイル：logo.png. まずはhtmlから確認していきます。 要素をブロックの縦横中央に配置するというシーンはたくさんあります。 横の中央揃えは簡単です。「margin:0 auto」か「text-align:center」で指定できます。ですが、縦中央揃えは「 ヘッダー部分（ページ上部）に配置しすることの多いロゴについて、次のようなロゴ画像だけを表示する場合のマークアップ＆cssの書き方について解説していきます。 表示例 ロゴの部分を拡大. position: ボックスの配置方法を指定するプロパティ。 static： そのままの位置（デフォルト） relative： 相対位置（px指定しなければstaticと同位置） absolute： 絶対位置（基準位置は、親要素がstatic以外であれば親、それ以外はウィンドウ左上） fixed： 絶対位置＋画面上に位置固定 タイトルロゴ画像の設置の方法を紹介してきましたが、そもそもタイトルロゴ画像を自分で作るというのはとても難しいことだと思います。 GIMPなどのペイントソフトに精通している方であればおしゃれなロゴも簡単に作れると思いますがそういうことはできないという方も多いと思います。 HTML内にdivタグで、範囲を指定し、グループ化したものをボックスといいます。このボックスを任意の場所に配置することでレイアウトを作ることができます。 「id」を大枠のボックスに使うのが基本です。下のコードを参考にしてください。 画像のように画像を配置したいのですがうまくいきません。 画像のサイトは自分が一度作ったものでcssやhtmlは同じにしたはずなのですが大きくなってしまい適切に配置ができません。 ご教授お願いい … サイトの特徴を表すロゴ.