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」の続き
  • 画像を下記のように、横長にして、中央に寄せる

コメントを残す