Cランク:ステップ2【問題_008-014】

下記の問題を着手していきましょう。

まずは、HTML、CSSの基礎の基礎です。

条件

  • HTML内に、CSSの書き込みをしないこと
  • 画像はイメージのため、完全に一致しなくて良い

 

問題C_008

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「プログラミングを勉強する理由」→「h2」で指定
  • 「給与が高い」〜「事業を起こす時に・・・」→リストで数字が出てくるように指定
  • 「夢を実現したい」→改行をして、フォントサイズ40px、色を赤に指定

 

 

問題C_009

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題008」の続き
  • 「プログラミングを勉強する理由」→別のフォントに指定。
  • 「夢を実現したい」→別のフォントに指定

 

問題C_010

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題009」の続き
  • 「給与が高い」〜「事業を起こす時に・・・」→行間を広くすること

 

問題C_011

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題010」の続き
  • 「プログラミングを勉強する理由」→中央揃えに指定
  • 「夢を実現したい」→中央揃えに指定

 

問題C_012

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題011」の続き
  • 「夢を実現したい」→別のページへのリンクを指定
  • 「夢を実現したい」→マウスを当てたら文字の色が変わるように指定

 

問題C_013

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題012」の続き
  • 「夢を実現したい」の下→画像の挿入。
  • 「画像サイズ」→下記のサイズくらいに指定

 

問題C_014

HTML、CSSを利用して下記の画像と同じようにブラウザに表示してください。

この問いの条件

  • 「問題013」の続き
  • 画像を下記のように、横長にして、中央に寄せる

関連記事

  1. はじめに最低限覚えておきたいCSS

  2. HTML,CSS初期設定、環境設定

  3. Cランク:ステップ1【問題_001-007】

  4. Cランク:ステップ3【問題_016-021】

  5. 2日で基礎を一気に覚える!HTML・CSS5ステップ

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

コメントするためには、 ログイン してください。