game-web-design
https://blog.hatena.ne.jp/game-web-design/
PCゲーマーのWebデザイン備忘録
https://game-web-design.hatenadiary.com/
HTML/CSS
HTMLにもCSSにも慣れてきたので、1カラムレイアウトの演習をしました。演習結果（ブラウザプレビュー） ポイント ヘッダーの画像の上にテキスト（h1）を表示するために、imgタグではなくCSSでdiv#headerにbackgroundで背景画像を設定。 画像上のテキストの位置はh1にpaddingを指定することで、div#header内の自由なところにテキストを移動させることができます。 ソース <!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <title>石垣島観光ガイド</title> <style> html,…
190
<iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgame-web-design.hatenadiary.com%2Fentry%2F2014%2F09%2F22%2F122148" title="【HTML/CSS】１カラムレイアウトの演習 - PCゲーマーのWebデザイン備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
http://cdn-ak.f.st-hatena.com/images/fotolife/g/game-web-design/20140922/20140922121629.png
Hatena Blog
https://hatena.blog
2014-08-30 12:21:48
【HTML/CSS】１カラムレイアウトの演習
rich
https://game-web-design.hatenadiary.com/entry/2014/09/22/122148
1.0
100%