練習問題

問題

提出先: s4の#04専用掲示板へ

  1. 影つき文字、角丸めボーダー、影つきボックスを用いた Webページをデザインせよ。
  2. ボックスを回転させるCSSを調べ、斜めに傾いた段落を作成せよ。
  3. マウスを載せるとゆっくりと30度ほど斜めに傾くような段落を作成せよ。
  4. flexbox, transform, gradient, その他CSS3から有効なプロパティを選び、 使い方を解説するWebページを作成せよ。
  5. (チャレンジ問題)背景画像だけ半透明で、その上に書かれた文字は不透明で しっかり読めるような段落を作成せよ。position="absolute" の内部に position="relative" のdivを同じ座標で重ね、 画像divは半透明、文字divは透明指定なしにする。
yuuji@koeki-u.ac.jp